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

2019独角兽企业重金招聘Python工程师标准>>>

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

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

 1、NPM创建Node项目

> npm init

 1、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模板的项目为例

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

> cd nodeJade

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

 

3、启动项目

> npm start

 使用如下命令也可以启动项目

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

 

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

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

4、浏览器中输入 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。

 

 

转载于:https://my.oschina.net/spinachgit/blog/1930899