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ですね。簡単!