【Node.js】Express-generatorでwebアプリを開発する手順。

express-generatorを使ったwebアプリ開発の手順をメモっときます。

基本的にはExpress のアプリケーション生成プログラム
の通り。

generatorをnpm経由でインストール

npm install express-generator -g

-gオプションをつけて、グローバルにインストールします。

コマンド確認

どんなコマンドがあるか知っておくと良いかも。

express -h

//実行結果

  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 <engine>  add view <engine> support (dust|ejs|hbs|hjs|jade|pug|twig|vash) (defaults to jade)
        --no-view        use static html instead of view engine
    -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
    -h, --help           output usage information

アプリ作成

express --view=pug myapp

これでmyappというフォルダができる。

--viewのところはテンプレートエンジンを記述。

デフォルトはpug(Jade)が使われており、--view=ejsとかにすればEJSを使える。

テンプレートエンジンが不要な場合は--no-viewでOK。

npm -i

依存関係をインストールします。

npm -i

または

npm install

npm start

npm start

これでサーバーが起動します。

http://localhost:3000/にアクセスすれば表示されるはず。

あとはガンガン開発していけばOKですね。簡単！