本文参考链接:MDN | Express 教程 2:创建站点框架
一、创建 Express 项目
1.创建项目文件夹
mkdir 项目名
2.运行 Express 应用生成器,这里使用 Pug 模板库,不使用 CSS 引擎。
Express 应用生成器支持多款流行的视图/模板引擎和 CSS 引擎,可根据需要选择使用。
cd 项目名
express --view=pug
生成器将创建(并列出)项目的文件
3.安装项目依赖,即 package.json 中所列的依赖
npm install
4.运行项目
(1)直接运行
npm start
(2)需要调试信息时,需要指定 DEBUG 变量来启用控制台日志记录/调试
SET DEBUG=express-locallibrary-tutorial:* & npm start
注意:这里在 vs code中运行报错,报错如下:
不允许使用与号(&)。& 运算符是为将来使用而保留的;请用双引号将与号引起来,以将其作为字符串的一部分传递。
暂不清楚怎么解决。
5.运行成功
在浏览器地址栏输入 http://localhost:3000
访问该应用,可以看到 Express 项目默认界面。
至此,创建 Express 项目完成。
二、配置 nodemon 使服务器自动重启
但现在,每次修改代码后,需要重启服务器才能看到 Express 网站所做的改动。可以通过配置 nodemon 来自动化这个过程。
这里将它作为开发依赖将安装在本地,这样使用这个项目的开发人员只要安装这个应用就能自动获得。
1.安装依赖
npm install --save-dev nodemon
2.修改 package.json 的 scripts 部分,增加一行,使其可以在 NPM 脚本中被调用
"scripts": {
"start": "node ./bin/www",
"devstart": "nodemon ./bin/www" // 增加这一行
},
3.运行
npm run devstart
现在,如果编辑项目中的任何文件,服务器将自动重启。(注意:浏览器要看到更新后的页面,需要刷新浏览器)