shinoblog-manabu

Progate(プロゲート)を使って初歩の初歩からプログラミング勉強をはじめました。無料から有料バージョンへ以降しつつ、自分辞書として活用しています。なるべく私と同じ初心者目線を使い、各プログラミング内容を説明したいです。

Node.jsの新規アプリケーションを作ろう!

1. 新規アプリケーションをつくろう

実行したこと
  • 指定されたフォルダ(list-app)を作成
  • visual studio code インストール

 

2. コマンドを実行し、パッケージをインストールしよう

実行したこと

visual studio code内のTerminal起動

 

npm init --yes をコマンドへ入力

 

npmパッケージにてpackage.jsonを生成

 

expressと ejsを同時インストール

インストール方法

npm install express ejs

このように書くと同時にインストールできる。

 

 

サーバーを起動してページを表示

下記2つを生成

  • 指定フォルダ(views)内に指定ファイル(hello.ejs)
  • app.jsファイル

それぞれのファイルに指定されたコードを書く

Hello World

ブラウザからURL「localhost:3000」にアクセスしHello Worldが表示されたら成功。

 

f:id:shinoblog-manabu:20210220113121p:plain

 

 

3. ファイル更新時に自動でサーバーが再起動するようにしよう

上記タイトルのように実行するには、nodemonという謎仕様をインストールすること。

 

再起動最強説

f:id:shinoblog-manabu:20210220110734p:plain

できた。再起動したらあっさりとできた。最初はファイヤーウォールに阻まれて謎のフリーズ。何度トライしたが結局ダメ。しかし再起動した結果、できた。

 

 

今回はここまでになります。お疲れさまでした。

結構手こずった。