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生成器来生成应用程序,它非常快速和简单,并且节省了很多时间。