Express应用生成器

通过应用生成器工具 express 可以快速创建一个应用的骨架。

  1. 通过如下命令全局安装express
    1
    npm install express-generator -g

安装成功之后(express -V检查安装成功与否),在当前工作目录下创建一个名为myApp的应用

1
express myApp

  1. 安装所有依赖包

    1
    2
    cd myapp 
    npm install
  2. 启动应用
    MacOS/Linux下 :

    1
    DEBUG=myapp npm start

    Windows下:

    1
    set DEBUG=myapp & npm start
window下模拟linux命令的工具git bash

然后在浏览器中打开 http://localhost:3000/ 就可以看到这个应用了。

  1. 目录结构
    通过Express应用生成器创建的应用一般都有如下目录结构:
    default

    细心的童鞋会发现在views文件夹里面有后缀名为.jade和.html的文件以及根目录下的dbtest.js和mysql.js文件。是的,没错!
    接下来来解析一下:
    因为express应用生成器生成的项目中模板是.jade,而且是可以修改的。所以找到入口文件app.js将

    1
    2
    app.set('views', path.join(__dirname, 'views'));
    app.set('view engine', 'jade');

修改为

1
2
app.set('views', path.join(__dirname, './views'));//设置项目启动路径
app.engine('.html', require('ejs').__express).set('view engine', 'html');//替换文件扩展名ejs为html

由于上面用到了ejs模块,所以需要将它的模块引入到项目中

1
npm install ejs --save

这样一来就可以删除.jade的模板文件,用回熟悉的.html模板文件了。另外上面提到的dbtest.js和mysql.js文件就是用来链接数据库和操作数据(CURD)的,将在下一部分阐述