静态页在node环境下运行

在node下运行项目只需两大步骤 1、安装配置node环境。2、将项目放在用node启动

node下载

链接: https://nodejs.org/zh-cn/download/.
点击安装后 在cmd里查看是否安装成功node -v 就可以查看node版本 npm -v 则是npm的版本。 我的版本是10.13.0的

运行项目

1. 准备写好的静态页面
2. 整理项目目录结构
   
   node-modules不需要我们新建 在装包时自己形成
   public用来放css、js、images等
   routes放路由文件（如果只是测试且只有一个页面可以将路由放在app.js里）
   views 放HTML页面
   app.js服务器（接下来配置他）
   package-lock.json不需要我们新建 在项目初始化 npm i 时就会形成

配置项（app.js文件）

1、首先在项目下npm i 初始化项目
2、安装npm i express express模块
3、安装 npm i path path 模块

代码片.如下

const express = require('express') // 加载express模块 相当于服务器
const path = require('path') // 加载path模块 ==》静态路由
//const indexRoutes = require('./routes/index') // 路由模块 （测试一个页面就不加载他了）

const app = express() // 服务器

// 开放静态目录 ===》本地资源CSS图片等
//app.use(express.static(path.join(__dirname,'./public')))  // 路径里无前缀
app.use('/public',express.static(path.join(__dirname,'./public')))  // 路径里无有前缀  前缀为第一个参数public

//配置express-art-template express-art-template 内部依赖了 art-template    
app.engine('html', require('express-art-template'))  // 当你render以HTML结尾的文件就用express-art-template去渲染

// 挂载路由
//app.use(indexRoutes) 

// 启动服务器

 app.get('/', (req, res) => {
      // res.render 默认会去views目录查找
     res.render('index.html')
 }) 

// 监听
app.listen(3000, () => console.log('Serve listening http://127.0.0.1:3000/'))

最后在项目下运行 nodemon app.js 控制台打印出Serve listening http://127.0.0.1:3000/ 就说明你的项目就启动起来了

标注（nodemon）启动项

我在这里用的是forever app.js 用forever app.js启动 项目一直在后台运行着 你的命令窗口还可以做其他的。 因为我的项目要部署到Linux服务器上所以我就用forever了

下节分享 Linux服务器配置node的环境 与forever的是使用## 标题