扫码一下
查看教程更方便
脚手架使我们能够轻松地为 Web 应用程序创建骨架。 我们手动创建公共目录,添加中间件,创建单独的路由文件等。脚手架工具为我们设置了所有这些东西,以便我们可以直接开始构建我们的应用程序。
我们将使用的脚手架称为 Yeoman
。 它是为 Node.js 构建的脚手架工具,但也为其他几个框架(如 flask、rails、django 等)提供了生成器。 要安装 Yeoman,请在终端中输入以下命令
$ npm install -g yeoman
Yeoman 使用生成器来搭建应用程序。 要查看 npm 上可用于 Yeoman 的生成器,您可以单击此链接 。 在本教程中,我们将使用“generator-Express-simple”。 要安装此生成器,请在终端中输入以下命令
$ npm install -g generator-express-simple
要使用此生成器,请输入以下命令
$ yo express-simple test-app
你会被问到一些简单的问题,比如你想在你的应用中使用什么东西。 选择以下答案,或者如果已经了解这些技术,那么请继续选择想要的方式。
express-simple comes with bootstrap and jquery
[?] Select the express version you want: 4.x
[?] Do you want an mvc express app: Yes
[?] Select the css preprocessor you would like to use: sass
[?] Select view engine you would like to use: jade
[?] Select the build tool you want to use for this project: gulp
[?] Select the build tool you want to use for this project: gulp
[?] Select the language you want to use for the build tool: javascript
create public/sass/styles.scss
create public/js/main.js
create views/layout.jade
create views/index.jade
create views/404.jade
create app.js
create config.js
create routes/index.js
create package.json
create bower.json
identical .bowerrc
identical .editorconfig
identical .gitignore
identical .jshintrc
create gulpfile.js
I'm all done. Running bower install & npm install for you to install the
required dependencies. If this fails, try running the command yourself.
然后它将为我们创建一个新应用程序,安装所有依赖项,向我们的应用程序添加一些页面(主页、404 未找到页面等),并提供一个目录结构来处理。
这个生成器为我们创建了一个非常简单的结构。 探索可用于 Express 的众多生成器,然后选择最适合自己的生成器。 使用所有生成器的步骤是相同的。 你需要安装一个生成器,使用 Yeoman 运行它; 它会问你一些问题,然后根据你的答案为你的应用程序创建一个框架。