node . js使用表达创建网络项目详细教程

　　

序:如果你还不知道Node . js是什么,那么你可以先看看这篇:节点。js究竟是什么?或者任何关于它的介绍。

　　

<强>一、安装node . js

　　

1。进入node . js官网下载并安装

　　

node . js使用表达创建网络项目详细教程

　　

2。启动cmd输入命令查看节点及npm版本

　　 　　 　　节点-vnpm - v 　　之前 　　 　　

node . js使用表达创建网络项目详细教程

　　

npm是节点完成安装后自带的包管理器

　　

<强>二、安装表达

　　

表达是节点平台下最常用的网络应用开发框架

　　

1。全局安装表达

　　 　　 　　npm安装- g表达 　　之前 　　 　　这个主题

环境全局安装在C: \管理员\ AppData \ \用户漫游\ npm \ node_modules文件夹下

　　

2。全局安装表达命令行工具

　　 　　 　　npm安装- g express-generator 　　之前 　　 　　

在最新的4. x版本中,命令行工具已经被独立出来

　　

3。查看表达版本

　　 　　 　　表达- v 　　之前 　　 　　

node . js使用表达创建网络项目详细教程”>,</p> 　　<p> 4。更新已安装的表达</p> 　　 　　<pre类= 　　npm更新- g表达 　　之前 　　 　　

<强>三、使用表达创建项目

　　

1。创建项目

　　 　　 　　表达APP_NAME 　　之前 　　 　　

表达默认以玉作为模板引擎,模板文件为.jade类型;玉的语法与html有较大差异,对缩进也是要求严格的

　　

node . js使用表达创建网络项目详细教程

　　

2。以ejs作为模板引擎创建项目

　　 　　 　　表达APP_NAME - e 　　之前 　　 　　

在项目名称的后面添加- e那么创建出来的模板文件就是.ejs类型,语法是与html相同的

　　

node . js使用表达创建网络项目详细教程

　　

3。将ejs文件改为html

　　

若希望模板文件的后缀为. html(通常只是为了看着更舒服),那么在手动将.ejs换成html后,还需要对app.js文件进行设置

　　 　　 　　var ejs=要求(“ejs”); 　　 　　app.engine ('。html的,ejs.__express); 　　app.set(“视图引擎”、“html”);//应用程序。集(“视图引擎”、“ejs”); 　　 　　

原文件:

　　

node . js使用表达创建网络项目详细教程

　　

修改后:

　　

node . js使用表达创建网络项目详细教程

　　

4。安装依赖包

　　

进入项目文件夹,执行:

　　 　　 　　npm安装 　　之前 　　 　　

下载package.json中记录的所有依赖包到node_modules文件夹

　　

注意:更多npm命令,请查看npm常用命令集合

　　

<强>四,启动服务

　　

1。启动

　　 　　 　　npm开始 　　之前 　　 　　

监听bin/www文件,默认端口为3000,可在www文件中更改

　　

node . js使用表达创建网络项目详细教程

　　

2。打开浏览器,输入localhost: 3000

　　

node . js使用表达创建网络项目详细教程

　　

3。自动重启服务

　　

打开package.json可以看的见,监听bin/www文件的命令是节点

　　

node . js使用表达创建网络项目详细教程

　　

使用节点监听将会导致:每次修改代码后,需要手动重启服务,可以使用nodemon进行自动重启

　　 　　 　　npm安装- g nodemon 　　之前 　　 　　

同样可以使用下面的命令查看其版本

node . js使用表达创建网络项目详细教程