nodejs实践--npm使用、express建立ejs模板

Node Express在命令行建立项目时，默认是使用Jade模板，虽然这个模板高效，但毕竟跟普通html风格相差甚远，不少人用不习惯。

ejs风格，简单、直观、明了，和：jsp php asp freemaker 相似，在页面嵌套。

 一、NPM建立Node项目

> npm init

 一、EXPRESS建立Node项目

注：运行命令前记得先进入当前项目所在的目录。 

若是出现错误：'express' 不是内部或外部命令，也不是可运行的程序或批处理文件

请全局安装 express和express-generator

在终端上执行如下代码

                 npm install -g express  

                 npm install -g express-generator

[Jade模板]

> express nodeJade

express建立项目若不显示指定模板，默认使用Jade，如下写法均可以：

express -jade nodeJade

express -view=jade nodeJade

express --view=jade nodeJade （官方推荐写法）

[EJS模板]

express -e nodeEjs    //参数 -e 就是说用ejs引擎，dirName就是建立项目的目录 如下写法均可以：

### EJS模板须要显示指定
express --ejs nodeEjs

express --view=ejs nodeEjs （官方推荐写法）

注: express -ejs nodeEjs 或 express -view=ejs nodeEjs 都是错误写法，尽管Jade支持-view这种写法。。。

因此建议使用最简单的写法或者官方推荐的 "--view=** " 写法

 

注： 如下操做Jade和EJS模板都同样，演示以Jade模板的项目为例

二、进入项目，并下载相关的模块

> cd nodeJade

> npm install  (或 npm i 或 npm install all 均可以)

 

三、启动项目

> npm start

 使用以下命令也能够启动项目

> node ./bin/www   (或 node bin/www)

 

注：启动方式能够在package.json文件中进行配置，以下：

"script":{"start":"node ./bin/www"}

四、浏览器中输入 localhost:3000  (或 127.0.0.1:3000)

 

注： 默认端口为3000，如提示端口被占用，则可进入到 .bin/www文件中修改port端口，而后重启便可。

版权声明：本文为博主原创文章，未经博主容许不得转载。 https://blog.csdn.net/weixin_36401046/article/details/53374551

EJS模板语言改后.html后缀

app.set('view engine', 'jade');

换成

//将引擎修改成html
var jade = require('jade');//在app.js的头上定义jade
app.engine('html',jade.__express);//注册html模板引擎
app.set('view engine', 'html');//将模板引擎换成html

修改模板文件的后缀为.html。