Express を使用して初めての NodeJS Web アプリを作成する

の内容の抜粋。 VS Code拡張機能でチュートリアルを実施する場合。

ターミナルで、以下コマンドを打つ。

mkdir ExpressProjects
cd ExpressProjects

ExpressProjectsフォルダを作成

Express を使用して HelloWorld プロジェクトテンプレートを作成する。

npx express-generator HelloWorld --view=pug

HelloWorld プロジェクトテンプレートを作成

HelloWorldへ移動。

cd HelloWorld

HelloWorldへ移動

Express パッケージの依存関係をインストールする。

npm install

npm install
npm install コマンドの実行中イメージ。

実行が完了すると以下出力。
実行完了

色々とWARN 警告メッセージや脆弱性の対策をするようなメッセージが出る。

まずは、core-js\@2.6.12 が非推奨の対策。

npm install -g core-js@3.23.3

core-js@3.23.3へアップグレード

次に脆弱性対策。

npm audit fix --force

脆弱性対策

まだ、脆弱性高が残っているため、もう一度、npm audit fix --force を実行。
脆弱性対策

found 0 vulnerabilities となるまで、実行。

警告や脆弱性が無くなったら、Expressアプリを起動。
OK to proceed? (y) と問われたら、yでEnter。

npx cross-env DEBUG=HelloWorld:* npm start

Expressアプリ起動

「ブラウザで開く」をクリック。
ブラウザで開く

viewsフォルダ配下のindex.pugを開く。
index.pugを開く

h1= title を h1= "Hello World!" に変更し、 [保存] (Ctrl + S)。
h1= "Hello World!" に変更

Web ブラウザーで localhost:3000 URL を更新、ExpressからHello World! へ変更される。
Hello World!

Webアプリが完成!