|
BackendExpressNode js

Для швидкого створення «скелету» застосунку використовується інструмент генерації застосунків express-generator.

Встановіть express-generator за допомогою наступної команди:

$ npm install express-generator -g

Щоб переглянути доступні опції команди, скористайтеся параметром -h:

$ express -h
  Використання: express [опції] [директорія]

  Опції:

    -h, --help            показати довідку
        --version         вивести номер версії
    -e, --ejs             додати підтримку шаблонізатора ejs
        --hbs             додати підтримку handlebars
        --pug             додати підтримку pug
    -H, --hogan           додати підтримку hogan.js
        --no-view         створити без шаблонізатора
    -v, --view <engine>   додати підтримку шаблонізатора (ejs|hbs|hjs|jade|pug|twig|vash) (за замовчуванням — jade)
    -c, --css <engine>    додати підтримку препроцесора стилів (less|stylus|compass|sass) (за замовчуванням — звичайний css)
        --git             додати .gitignore
    -f, --force           примусово створити у непорожній директорії

Наприклад, наступна команда створює застосунок Express із шаблонізатором pug у поточному каталозі з іменем myapp:

$ 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

Далі встановіть залежності:

$ cd myapp
$ npm install

Запуск застосунку

  • macOS або Linux:
$ DEBUG=myapp:* npm start

Windows:

> set DEBUG=myapp:* & npm start

Після цього відкрийте у браузері сторінку http://localhost:3000/, щоб переглянути результат.

Структура каталогів згенерованого застосунку:

.
├── 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 директорій, 9 файлів

Структура, згенерована за допомогою генератора, є лише одним із багатьох способів організації Express-застосунків. Ви можете використовувати її як є або змінювати відповідно до ваших потреб.

Схожі матеріали