Quantcast
Channel: Node.jsタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 8697

Node.js環境構築

$
0
0
  • 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を起動できる。(ファイル更新時にサーバーが自動で再起動)


Viewing all articles
Browse latest Browse all 8697

Trending Articles