前言

做好一些前置功課之後，可以嘗試建立一個 Node.js 專案試試了

終端機指令

以前都是用右鍵建立資料夾，再把資料夾拖到 VS Code 去使用，這樣使用 VS Code 的 Terminal 就不用管路徑問題很方便，但趁這次還是整理練習一下終端機指令好了。

基本檔案和目錄操作

檔案和目錄管理

檔案內容操作

這邊我們先執行 mkdir node_test 就可以在電腦中找到新增的資料夾，接著移動到該資料夾的路經cd node_test

然後我們用 VS Code 打開資料夾，執行 npm init -y 就可以看到出現一個 package.json

關於 package.json 還會延伸出很多東西，之後有機會再整理在後面的篇幅

建立伺服器

接下來執行 touch index.js 看看會如何

不意外的 Windows 系統不支援此指令，所以我們要用 echo "" > index.js 代替

成功的話就會出現 index.js 的檔案了

再來我們去官網複製範例程式碼來測試看看

import { createServer } from 'node:http';

const hostname = '127.0.0.1';
const port = 3000;

const server = createServer((req, res) => {
  res.statusCode = 200;
  res.setHeader('Content-Type', 'text/plain');
  res.end('Hello World');
});

server.listen(port, hostname, () => {
  console.log(`Server running at http://${hostname}:${port}/`);
});

執行 node index.js

成功的話應該會打印出console.log

也可以到瀏覽器去看看 http://127.0.0.1:3000/

關於 http 就留到後面 2 天後再寫。

這邊沒有梗圖，是真的會寫!!

nodemon

每次修改程式碼都要重新執行 node index.js 是非常麻煩的事，所以有了 nodemon。

科技始終來自於惰性，所以順著惰性，我們直接安裝在全域，就不用每個專案都裝一次。

npm install nodemon -g

安裝成功後可以透過 nodemon -v 看版本號。

使用起來也很簡單從 node index.js 改成 nodemon index.js 就好，
接下來只要有修改內容，就會自動重啟了。

參考資料

node.js 官網
nodemon 官網