如何利用express新建项目（上）

如何利用express新建项目（上）

摘要

这篇文章将讲解了如何快速利用express新建项目

一.express4.x的安装

1. npm install -g express
2. npm install -g express-generator或者npm install -g express-generator@3

后者是指定express命令的版本号,4.x已经把命令行工具分离出来.

二.在express 4.x以后的版本中创建一个ejs项目可以使用以下命令:

1.进入项目存放文件夹，执行

express -e ejs projectname

执行后可见工程目录下出现以下文件夹：

ejs （Embedded JavaScript） 是一个标签替换引擎，其语法与 ASP、PHP 相似，易于学习。Express默认提供的引擎是 jade，它颠覆了传统的模板引擎，制定了一套完整的语法用来生成 HTML 的每个标签结构，功能强大但不易学习。

ejs 的标签系统非常简单，它只有以下3种标签。

<% code %>：JavaScript 代码。

<%= code %>：显示替换过 HTML 特殊字符的内容。

<%- code %>：显示原始 HTML 内容。

cd [项目所在目录] && npm install

执行后工程目录下将会多出node_modules文件夹 ：

安装项目依赖项。无参数的 npm install 的功能就是检查当前目录下的 package.json，并自动安装所有指定的依赖

三.在express4.x中不再使用 node app.js来启动服务器了,用以下命令

npm start

启动后，打开浏览器，输入localhost:3000,可看到初始页面

要关闭服务器的话，在终端中按 Ctrl + C。

注意，如果你对代码做了修改，要想看到修改后的效果必须重启服务器，也就是说你需要关闭服务器并再次运行才会有效果。

如果觉得有些麻烦，可以使用 supervisor 实现监视代码修改和自动重启,

supervisor 可以帮助你实现这个功能，它会监视你对代码的改动，并自动重启 Node.js。

使用方法很简单，首先使用 npm 安装 supervisor：

$ npm install -g supervisor

接下来，使用 supervisor 命令启动 app.js：

$ supervisor app.js

当代码被改动时，运行的脚本会被终止，然后重新启动。

下篇文章将对新建好的项目文件做详细说明