Generator aplikasi Express

Gunakan alat generator aplikasi, express-generator, untuk membuat kerangka aplikasi dengan cepat.

Anda dapat menjalankan generator aplikasi dengan perintah npx (tersedia di Node.js versi 8.2.0).

$ npx express-generator

Untuk versi Node sebelumnya, instal generator aplikasi sebagai paket npm secara global lalu jalankan:

$ npm install -g express-generator
$ express

Tampilkan daftar opsi perintah dengan opsi -h:

$ 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

Misal, tutorial berikut ini kita akan membuat aplikasi Express bernama myapp. Aplikasi akan dibuat dalam folder bernama myapp di direktori kerja saat ini dan view engine yang akan digunakan adalah Pug:

$ 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

Kemudian instal semua dependensi project:

$ cd myapp
$ npm install

Di MacOS atau Linux, jalankan aplikasi dengan perintah ini:

$ DEBUG=myapp:* npm start

Di Command Prompt Windows, gunakan perintah ini:

> set DEBUG=myapp:* & npm start

Di PowerShell Windows, gunakan perintah ini:

PS> $env:DEBUG='myapp:*'; npm start

Kemudian, kunjungi http://localhost:3000/ di browser Anda untuk mengakses aplikasi.

Aplikasi yang dihasilkan memiliki struktur direktori sebagai berikut:

.
├── 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

Previous: Hello World     Next: Basic routing