11 【Express服务端渲染】

11 【Express服务端渲染】

1.Express脚手架的安装

安装Express脚手架有两种方式：

1.1 使用express-generator安装

使用命令行进入项目目录，依次执行：

cnpm i -g express-generator
1

可通过express -h查看命令行的指令含义

express -h
1

Usage: express [options] [dir]
1

Options:
    --version        输出版本号
-e, --ejs            添加对 ejs 模板引擎的支持
    --pug            添加对 pug 模板引擎的支持
    --hbs            添加对 handlebars 模板引擎的支持
-H, --hogan          添加对 hogan.js 模板引擎的支持
-v, --view <engine>  添加对视图引擎（view） <engine> 的支持 (ejs|hbs|hjs|jade|pug|twig|vash) （默认是 jade 模板引擎）
    --no-view        创建不带视图引擎的项目
-c, --css <engine>   添加样式表引擎 <engine> 的支持 (less|stylus|compass|sass) （默认是普通的 css 文件）
    --git            添加 .gitignore
-f, --force          强制在非空目录下创建
-h, --help           输出使用方法
1
2
3
4
5
6
7
8
9
10
11
12

创建了一个名为 myapp 的 Express 应用，并使用ejs模板引擎

express --view=ejs myapp
1

进入app，并安装依赖

cd myapp
npm install
1
2

在Windows 下，使用以下命令启Express应用：

set DEBUG=app:* & npm start
1

在 MacOS 或 Linux 下，使用以下命令启Express应用：

DEBUG=app:* npm start
1

1.2 使用 express 命令 来快速从创建一个项目目录

express 项目文件夹的名字 -e 如 使用命令行进入项目目录，依次执行：

express app