前端技术

node初始化项目骨架

2018-09-13  本文已影响2人  前端来入坑

$ npm install express-generator -g

$ express myapp

$ cd myapp

$ npm install

$ npm start

完成以上五个步骤node项目骨架就搭建好了,当然前提是已经安装好了node。其中myapp是项目文件夹名字,最后就可以在http://localhost:3000/ 中查看刚刚生成的项目了

image.png

搭建过程展示


image.png

这种方式搭建的默认是jade模板引擎


image.png

express还支持ejs模板引擎,只需要把第二步改成

$ express myapp -e

就可以使用ejs模板引擎了,-e代表ejs模版 express默认采用Jade模版


image.png

下面展示ejs模板固件安装


image.png

node项目骨架安装完成了,是不是特别简单呢。

那么为什么要使用jade或者ejs模板引擎呢,模板引擎的使用在项目开发中有很多优点。首先在我们修改模板引擎保存的时候,只要刷新网页就可以看到效果了,如果是html就需要npm start重新启动,刷新网页才可看到效果。
官方express应用生成器:
http://www.expressjs.com.cn/starter/generator.html
jade模板引擎学习网站:
https://segmentfault.com/a/1190000000357534
http://www.nooong.com/docs/jade_chinese.htm
ejs模板引擎学习网站:
https://ejs.bootcss.com/
https://www.cnblogs.com/DCL1314/p/7732696.html

上一篇下一篇

猜你喜欢

热点阅读