node+express项目搭建

1.搭建项目目录:http://blog.csdn.net/zzwwjjdj1/article/details/51886402 


全局安装两个模块
npm install -g express
npm install -g express-generator
使用 express -v查看版本号判断是否成功


生成项目基本框架
express projectName
*****默认是jade,如果想要使用ejs,使用 express -e projectName命令*****


下载项目所需的模块
cd projectName && npm install


运行项目 
npm start


浏览器访问 http://127.0.0.1:3000/localhost:3000




2.将jade改成ejs https://jingyan.baidu.com/article/47a29f2470bd51c015239954.html


在views文件下新建index.html主文件


进入项目目录,安装ejs
npm install ejs


在app.js中引入
var ejs = require('ejs');


将原来app.js中的内容替换成如下
原来
app.set('views',path.join(__dirname,'views'));
app.set('view engine','jade');
替换成
app.engine('html',ejs.__express);
app.set('view engine','html')


3.要被自己蠢死的一件事
项目中存在css、js等文件的时候,需要配置多个静态访问目录。比如public文件夹放置公用js、css等文件,view方式展示页面,这个时候需要进行如下的设置:
app.use(express,static("public"));
app.use(express,static("view"));
这样设置之后,访问静态资源的时候,就不能在添加public、view这一级目录了,其里面的内容已经被指定到根目录了。

猜你喜欢

转载自blog.csdn.net/wly_syp/article/details/78711386