当前位置：首页 > 资讯 > 技术文档

Node.js使用Express创建Web项目详细教程

时间：2021-04-05 13:18 编辑：来源：阅读：
扫一扫，手机访问

摘要：Node.js使用Express创建Web项目详细教程

序：如果你还不知道Node.js是什么，那么你可以先看看这篇：Node.js 究竟是什么？或者任何关于它的介绍。 [b]一、安装Node.js[/b] 1.进入Node.js官网下载并安装 [img]http://files.jb51.net/file_images/article/201703/201703310852045.jpg[/img] 2.启动cmd输入命令查看node及npm版本

node -vnpm -v

[img]http://files.jb51.net/file_images/article/201703/201703310852046.jpg[/img] npm是node完成安装后自带的包管理器 [b]二、安装Express[/b] express是node平台下最常用的web应用开发框架 1.全局安装express

npm install -g express

Win7环境全局安装在C:\Users\Administrator\AppData\Roaming\npm\node_modules文件夹下 2.全局安装express命令行工具

npm install -g express-generator

在最新的4.x版本中，命令行工具已经被独立出来 3.查看express版本

express -V

[img]http://files.jb51.net/file_images/article/201703/201703310852047.jpg[/img] 4.更新已安装的express

npm update -g express

[b]三、使用Express创建项目[/b] 1.创建项目

express APP_NAME

express默认以jade作为模板引擎，模板文件为.jade类型；jade的语法与html有较大差异，对缩进也是要求严格的 [img]http://files.jb51.net/file_images/article/201703/201703310852048.jpg[/img] 2.以ejs作为模板引擎创建项目

express APP_NAME -e

在项目名称的后面添加 -e 那么创建出来的模板文件就是.ejs类型，语法是与html相同的 [img]http://files.jb51.net/file_images/article/201703/201703310852049.jpg[/img] 3.将ejs文件改为html 若希望模板文件的后缀为.html(通常只是为了看着更舒服)，那么在手动将.ejs换成.html后，还需要对app.js文件进行设置

var ejs = require('ejs');

app.engine('.html', ejs.__express);
app.set('view engine', 'html');  //app.set('view engine', 'ejs');

原文件： [img]http://files.jb51.net/file_images/article/201703/2017033108520410.jpg[/img] 修改后： [img]http://files.jb51.net/file_images/article/201703/2017033108520411.jpg[/img] 4.安装依赖包进入项目文件夹，执行：

npm install

下载package.json中记录的所有依赖包到node_modules文件夹注意：更多npm命令，请查看npm常用命令集合 [b]四、启动服务[/b] 1.启动

npm start

监听bin/www文件，默认端口为3000，可在www文件中更改 [img]http://files.jb51.net/file_images/article/201703/2017033108520412.jpg[/img] 2.打开浏览器，输入localhost:3000 [img]http://files.jb51.net/file_images/article/201703/2017033108520413.jpg[/img] 3.自动重启服务打开package.json可以看见，监听bin/www文件的命令是node [img]http://files.jb51.net/file_images/article/201703/2017033108520414.jpg[/img] 使用node监听将会导致：每次修改代码后，需要手动重启服务，可以使用nodemon进行自动重启

npm install -g nodemon

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

nodemon -v

将package.json文件中的代码修改为：

"start": "nodemon ./bin/www"

重新执行：

npm start

[img]http://files.jb51.net/file_images/article/201703/2017033108520415.jpg[/img] 接下来，就可以随心所欲的编码了...

全部评论(0)

上一篇：使用Python编写类UNIX系统的命令行工具的教程
下一篇：windows系统中python使用rar命令压缩多个文件夹示例

资讯排行榜
更多>>