架构Nodejs Express应用程序| Express Generator

145 阅读3分钟

ExpressJS是一个使用Nodejs构建后端应用程序的框架。

yeoman是一个流行的工具,用于在现代javascript应用程序中建立支架。

这些工具可以生成标准的应用程序原型,包括文件夹结构、构建文件和依赖关系等启动和运行所需的文件。

Expressjs有一个脚手架工具。有两种方法可以使用npm命令轻松生成Express应用程序。

express-generator

express-generator是一个命令行工具,可以帮助快速创建一个应用程序。

首先使用node命令安装这个工具

你可以使用npm命令

npm install -g express-generator

安装完毕后,键入以下命令来检查你能用express generator做什么

B:\githubwork>express --help

  Usage: express [options] [dir]

  Options:

        --version        output the version number
    -e, --ejs            add ejs engine support
        --pug            add pug engine support
        --hbs            add handlebars engine support
    -H, --hogan          add hogan.js engine support
    -v, --view   add view  support (dust|ejs|hbs|hjs|jade|pug|twig|vash) (defaults to jade)
        --no-view        use static html instead of view engine
    -c, --css    add stylesheet  support (less|stylus|compass|sass) (defaults to plain css)
        --git            add .gitignore
    -f, --force          force on non-empty directory
    -h, --help           output usage information

现在让我们使用express 命令生成一个应用程序

输入下面的命令

express --view=pug express-app

这将输出并在当前目录下创建一个文件夹express-app,应用程序引擎被配置为--view=pug

B:\githubwork>express --view=pug express-app

   create : express-app\
   create : express-app\public\
   create : express-app\public\javascripts\
   create : express-app\public\images\
   create : express-app\public\stylesheets\
   create : express-app\public\stylesheets\style.css
   create : express-app\routes\
   create : express-app\routes\index.js
   create : express-app\routes\users.js
   create : express-app\views\
   create : express-app\views\error.pug
   create : express-app\views\index.pug
   create : express-app\views\layout.pug
   create : express-app\app.js
   create : express-app\package.json
   create : express-app\bin\
   create : express-app\bin\www

   change directory:
     > cd express-app

   install dependencies:
     > npm install

   run the app:
     > SET DEBUG=express-app:* & npm start```

这将生成一个具有默认设置的Express应用程序

这是创建一个应用程序的快速和简单的方法。

一旦应用程序被创建,进入文件夹并安装依赖项。

cd express-app
npm install

最后,输入命令来启动应用程序

这就启动了一个应用程序,并在浏览器中打开http://localhost:3000,以访问该应用程序。

以下是如何使用Express命令的例子

Generates an default application in the current folder
express

To create an jade engine with foldername

express --view=jade foldername

目录strurture

├── app.js
├── package-lock.js
├── bin
│   └── www
├── package.json
├── public
│   ├── images
│   ├── javascripts
│   └── stylesheets
│       └── style.css
├── routes
│   ├── index.js
│   └── users.js
└── views
    ├── error.pug
    ├── index.pug
    └── layout.pug

7 directories, 10 files

yeoman express generator

首先,安装yo dependencie

npm install -g yo

接下来,使用npm命令安装generator-express

npm install generator-express -g

下一步,使用Express命令生成一个应用程序。

yo express

以下是生成应用程序的步骤

  • 选择一个MVC或basic版本来安装,basic是默认的。
  • 从EJS中选择一个视图引擎来使用
  • 选择一个Sass LESS或css预处理器来使用:Sass
  • 选择使用MySQL或postgres数据库:MySQL
  • 选择Gulp/grunt作为构建工具:Gulp

一旦这些步骤配置完毕,它就会生成一个应用程序的文件夹结构

这里是命令输出

B:\githubwork\yo-app>yo express
? Would you like to create a new directory for your project? No
? Select a version to install: MVC
? Select a view engine to use: EJS
? Select a css preprocessor to use: Sass
? Select a database to use: MySQL
? Select a build tool to use: Gulp
 conflict package.json
? Overwrite package.json? overwrite
    force package.json
   create .editorconfig
   create .gitignore
   create app.js
   create test\app\config\config.js
   create test\app\config\express.js
   create test\app\controllers\home.js
   create test\app\models\article.js
   create test\app\models\index.js
   create config\config.js
   create config\express.js
   create app\controllers\home.js
   create app\models\article.js
   create app\views\error.ejs
   create app\views\footer.ejs
   create app\views\header.ejs
   create app\views\index.ejs
   create public\css\style.scss
   create gulpfile.js
   create app\models\index.js


I'm all done. Running npm install for you to install the required dependencies. If this fails, try running the command yourself.

一旦安装完毕,你可以使用npm run start 命令运行服务器。

结语

在这篇文章中,我们探讨了创建Express应用程序的两种方法。

你可以选择生成应用程序的方式,我总是使用Express生成器来生成应用程序,它非常快速和简单,并且节省了很多时间。