express创建ejs模块

准备工作

1、安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

淘宝npm镜像链接

1、安装express环境

cnpm install express-generator -g

可通过以下代码查看所有可用的命令行参数

express -h

2、创建名称为 stuadmin 的 Express 应用。此应用将在当前目录下的stuadmin 目录中创建,并且设置为使用 ejs 模板引擎

express --view=ejs stuadmin

结果如下:

D:\>"node"  "C:\Users\Direct\AppData\Roaming\npm\\node_modules\express-generator
\bin\express-cli.js" --view=ejs stuadmin

   create : stuadmin\
   create : stuadmin\public\
   create : stuadmin\public\javascripts\
   create : stuadmin\public\images\
   create : stuadmin\public\stylesheets\
   create : stuadmin\public\stylesheets\style.css
   create : stuadmin\routes\
   create : stuadmin\routes\index.js
   create : stuadmin\routes\users.js
   create : stuadmin\views\
   create : stuadmin\views\error.ejs
   create : stuadmin\views\index.ejs
   create : stuadmin\app.js
   create : stuadmin\package.json
   create : stuadmin\bin\
   create : stuadmin\bin\www

   change directory:
     > cd stuadmin

   install dependencies:
     > npm install

   run the app:
     > SET DEBUG=stuadmin:* & npm start

进入stuadmin文件夹,并安装所有组件

cd stuadmin
cnpm install

结果如下:

D:\>cd stuadmin

D:\stuadmin>cnpm install
√ Installed 6 packages
√ Linked 47 latest versions
√ Run 0 scripts
Recently updated (since 2019-11-07): 1 packages (detail see file D:\stuadmin\nod
e_modules\.recently_updates.txt)
√ All packages installed (54 packages installed from npm registry, used 1s(netw
ork 1s), speed 122.87kB/s, json 53(125.82kB), tarball 0B)

D:\stuadmin>


3、Express使用nodemon实现热更新

cnpm install --save-dev nodemon

结果如下:

D:\stuadmin>cnpm install --save-dev nodemon
/ [0/1] Installing is-buffer@^1.1.5platform unsupported nodemon@1.19.4 › chokida
r@2.1.8 › fsevents@^1.2.7 Package require os(darwin) not compatible with your pl
atform(win32)
[fsevents@^1.2.7] optional install error: Package require os(darwin) not compati
ble with your platform(win32)
√ Installed 1 packages
√ Linked 176 latest versions
[1/1] scripts.postinstall nodemon@* run "node bin/postinstall || exit 0", root:
"D:\\stuadmin\\node_modules\\_nodemon@1.19.4@nodemon"
Love nodemon? You can now support the project via the open collective:
 > https://opencollective.com/nodemon/donate

[1/1] scripts.postinstall nodemon@* finished in 345ms
√ Run 1 scripts
deprecate nodemon@1.19.4 › chokidar@2.1.8 › fsevents@^1.2.7 One of your dependen
cies needs to upgrade to fsevents v2: 1) Proper nodejs v10+ support 2) No more f
etching binaries from AWS, smaller package size
√ All packages installed (192 packages installed from npm registry, used 5s(net
work 4s), speed 60.41kB/s, json 177(255.13kB), tarball 0B)

D:\stuadmin>

2、 修改配置文件,在package.json中的scripts中配置运行项即可

原来配置文件如下:

"scripts": {
    "start": "node ./bin/www"
  },

更改后如下:

 "scripts": {
    "start": "nodemon ./bin/www"
  },

express就此安装完成!!!!
运行以下代码即可运行express应用并实现热更新

cnpm start

结果如下:

D:\stuadmin>cnpm start

> stuadmin@0.0.0 start D:\stuadmin
> nodemon ./bin/www


D:\stuadmin>"node"  "D:\stuadmin\node_modules\.bin\\..\_nodemon@1.19.4@nodemon\b
in\nodemon.js" ./bin/www
[nodemon] 1.19.4
[nodemon] to restart at any time, enter `rs`
[nodemon] watching dir(s): *.*
[nodemon] watching extensions: js,mjs,json
[nodemon] starting `node ./bin/www`

打开浏览器输入以下地址即可进入对应的初始页面
1、http://localhost:3000/
http://localhost:3000/
2、http://localhost:3000/users
在这里插入图片描述

自所有工作调试完成!!!
纯属自用记录,如有侵权请留言博主及时修改或删除,谢谢!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值