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这一级目录了,其里面的内容已经被指定到根目录了。
全局安装两个模块
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这一级目录了,其里面的内容已经被指定到根目录了。