職案人

求職・歴史・仏教などについて掲載するつもりだが、自分の思いつきが多いブログだよ。適当に付き合って下さい。

再起動ツール:Nodemon

2024年10月27日 | Node.js

再起動ツール:Nodemon

【開発環境】
OS:Win11(64ビット)
VSCode1.72.2、
クロム
Node.js;v20.18.0
Express.js

【nodemonとは】
ディレクトリ内のファイルの変更を検出すると、自動的にnodeアプリケーションを再起動することで、node.jsベースのアプリケーションの開発を支援するツールです。

【インストール方法】
コマンドプロンプトより、カレントディレクトリに移動する。
npmコマンドを使って、ローカルインストールする
D:\myapp> npm i  nodemon --save-dev

「package.json」ファイルを開ける

{
  "name": "myapp",
  "version": "1.0.0",
  "main": "index.js",
  "scripts": {
    "start": "node index.js",
    "test": "echo \"Error: no test specified\" && exit 1",
    "dev":"nodemon index.js"←追加する
  },
  "author": "",
  "license": "ISC",
  "description": "",
 //変更される
  "dependencies": {
    "express": "^4.21.1",
    "nodemon": "^3.1.7"
  }
}

※scriptsに実行したいコマンドを書く必要がある。
ここでは、再リロードするためのdevコマンドを定義している。

【実行】
コマンドを下記のように書いたら、リターンする

PS D:\myapp> npm run devnpm run コマンド

> myapp@1.0.0 dev
> nodemon index.js

[nodemon] 3.1.7
[nodemon] to restart at any time, enter `rs`
[nodemon] watching path(s): *.*
[nodemon] watching extensions: js,mjs,cjs,json
[nodemon] starting `node index.js`
Example app listening on port 3000

「index,js」を変更する
const express = require('express')
const app = express()
const port = 3000

app.get('/', (req, res) => {
  res.send('nodemonを入力した')
})

app.listen(port, () => {
  console.log(`Example app listening on port ${port}`)
})

【Web表示】
 http://localhost:3000/ を再ロードする

以上




 

 


コメント    この記事についてブログを書く
  • X
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする
« Expressの入門 | トップ | 幾つものブラウザを開くには »
最新の画像もっと見る

コメントを投稿

Node.js」カテゴリの最新記事