记录工作中的点点滴滴

nodejs新手小笔记之-express-generator安装

发表于 | 分类于 | | 阅读次数

nodejs新手小笔记之-express-generator

上一篇简单的介绍了express的安装，这一篇我们来讲一下express-generator。

什么是express-generator

先来看一下express 在github上的介绍，其中有一句话是这样说的:
express-generator
翻译一下大概意思是：
开始使用express框架最快的方法是利用可执行express(1)生成一个应用程序如下所示:
安装可执行文件。可执行的主要版本将匹配express:

1
$ npm install -g express-generator@4

那么，express-generator是个什么东东呢？

解释一下
express 4.0版本之前，有一个命令行工具 express,可以用来生成express模块的应用结构(网站结构)；
express4.x之后，express命令被独立出来放在了express-generator模块中。

安装express-generator

在知道了express-generator是什么东东后，我们来开始使用下面的命令来全局安装express这个命令行工具：

npm install -g express-generator

安装完成后，可以使查看版本:

$ express --version
  4.14.0

显示命令选项

使用-h参数可以显示命令选项，如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
$ express -h
  Usage: express [options] [dir]
  Options:
    -h, --help          output usage information
        --version       output the version number
    -e, --ejs           add ejs engine support
        --hbs           add handlebars engine support
        --pug           add pug engine support
    -H, --hogan         add hogan.js engine support
    -v, --view <engine> add view <engine> support (ejs|hbs|hjs|jade|pug|twig|vash) (defaults to jade)
    -c, --css <engine>  add stylesheet <engine> support (less|stylus|compass|sass) (defaults to plain css)
        --git           add .gitignore
    -f, --force         force on non-empty directory

创建一个简单的网站

好了，在知道一些基本的命令用法后，让我们来创建一个简单的网站吧：
创建一个模板引擎为jade，应用名叫 mytest的工程，命令如下：

1
$ express --view=jade mytest

回车后，输出如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
create : mytest
create : mytest/package.json
create : mytest/app.js
create : mytest/public
create : mytest/public/images
create : mytest/routes
create : mytest/routes/index.js
create : mytest/routes/users.js
create : mytest/public/javascripts
create : mytest/public/stylesheets
create : mytest/public/stylesheets/style.css
create : mytest/views
create : mytest/views/index.jade
create : mytest/views/layout.jade
create : mytest/views/error.jade
create : mytest/bin
create : mytest/bin/www
install dependencies:
  $ cd mytest && npm install
run the app:
  $ DEBUG=mytest:* npm start

按照提示，进入到mytest目录，然后安装依赖：

$ cd mytest && npm install

访问我们的网站

安装完成后，启动我们的应用：

$ npm start

注意：这个命令是 express4.x的版本

浏览器打开：

1
http://localhost:3000/

会看到一个输出，如下图：
express-generator

至此，大功告成。
好的，本篇文章到此结束，后面的系列就进入到实打实的代码开发阶段，敬请关注!