Генератор приложений Express Для быстрого создания "скелета" приложения используется инструмент для генерации приложений express
.
Установите express
с помощью следующей команды:
$ npm install express-generator -g
Для просмотра опций команды воспользуйтесь опцией -h
:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17 $ 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
--no-view generate without view engine
-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
Например, следующая команда создает приложение Express с именем myapp в текущем рабочем каталоге:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19 $ express --view=pug myapp
create : myapp
create : myapp/package.json
create : myapp/app.js
create : myapp/public
create : myapp/public/javascripts
create : myapp/public/images
create : myapp/routes
create : myapp/routes/index.js
create : myapp/routes/users.js
create : myapp/public/stylesheets
create : myapp/public/stylesheets/style.css
create : myapp/views
create : myapp/views/index.pug
create : myapp/views/layout.pug
create : myapp/views/error.pug
create : myapp/bin
create : myapp/bin/www
Затем установите зависимости:
В MacOS или Linux запустите приложение с помощью следующей команды:
$ DEBUG=myapp:* npm start
В Windows используется следующая команда:
> set DEBUG=myapp:* & npm start
Затем откройте страницу http://localhost:3000/
в браузере для доступа к приложению.
Структура каталогов сгенерированного приложения выглядит следующим образом:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19 .
├── app.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, 9 files
Структура приложения, сгенерированная с помощью генератора, является всего лишь одним из множества способов организации структуры приложений Express. Вы можете использовать данную структуру или изменять ее в соответствии со своими потребностями.