Express创建并运行node项目(Jade和EJS模版引擎)

时间:2021-05-27 07:32:14

1、创建Node项目

[Jade模板]

> express nodeJade

express创建项目若不显示指定模板,默认使用Jade,以下写法都可以:

express -jade nodeJade

express -view=jade nodeJade

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

[EJS模板]

> express -e nodeEjs

EJS模板需要显示指定,以下写法都可以:

express --ejs nodeEjs

express --view=ejs nodeEjs (官方推荐写法)

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

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

Express创建并运行node项目(Jade和EJS模版引擎)

查看项目目录和项目文件

Express创建并运行node项目(Jade和EJS模版引擎)

注: 以下操作Jade和EJS模板都一样,演示以Jade模板的项目为例

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

> cd nodeJade

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

Express创建并运行node项目(Jade和EJS模版引擎)

3、启动项目

> npm start

Express创建并运行node项目(Jade和EJS模版引擎)

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

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

Express创建并运行node项目(Jade和EJS模版引擎)

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

Express创建并运行node项目(Jade和EJS模版引擎)

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

Express创建并运行node项目(Jade和EJS模版引擎)

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

Express创建并运行node项目(Jade和EJS模版引擎)