Node.js npmインストール
アプリフォルダ作成
ターミナル.
任意の場所で
mikdir list-app
フォルダへ移動
パッケージのインストール
ターミナル.
npm init --yes
package.jsonを生成するコマンド
package.json
=> npmパッケージ設定情報などが記載されている。
- mpmパッケージのインストール(express ejs)
ターミナル.
npm install express ejs
- 必要なファイルの作成
ターミナル.
(list.appのフォルダで)
mkdir views
touch app.js
cd views
touch hello.ejs
- コードの記載
ターミナル.
vi app.js
//以下をコピー
const express = require('express');
const app = express();
app.get('/', (req, res) => {
res.render('hello.ejs');
});
app.listen(3000);
const express = require('express');
const app = express();
=> expressを読み込む際の定型分
app.get('/', (req, res) => {
res.render('hello.ejs');
=> ルートにアクセスした際に、hello.ejsを開く
- サンプル文を記載
ターミナル.
vi views/hello.ejs
//以下をコピペ
<h1>Hello World</h1>
* サーバ起動
ターミナル.
node app.js
* ブラウザで localhost:3000 を打ち込み確認
ターミナル.
npm install nodemon
ファイルが変更されると自動でサーバーを再起動するパッケージ
* nodemon を使ってサーバーを起動
ターミナル.
./node_modules/.bin/nodemon app.js
- ↑ 毎回これを打つのは面倒なので、簡単に起動できるようにする。
ターミナル.
vi package.json
//以下を修正
"scripts":{
"test": ~
//↑ 削除
"scripts":{
"start": "./node_modules/.bin/nodemon app.js"
},
//を削除した部分に追記
これで"start"というタスク"./node_modules/.bin/nodemon app.js"を登録
ターミナルで
npm run start
を実行すれば、簡単にnodemonを起動できる。(ファイル更新時にサーバーが自動で再起動)