Hugo's Blog

如何在 Mac 安裝 Node.js & NPM

January 3, 2024 (1y ago)DevEnv

新年剛好把 MacOS 重灌,讓這台老 macbook pro 2020 重獲新生,也藉此機會重新建置開發環境。

因此我們將示範如何在 Mac 安裝 Node.js 以及 NPM,其實直接從官網安裝 Node.js 時就會同時安裝 NPM,因此我將以 Mac 作為示範如何在成功安裝 Node.js,並且展示成功結果!

如何在 Mac 安裝 Node.js & NPM by Hugo
如何在 Mac 安裝 Node.js & NPM by Hugo

👉🏻 Node.js 官網連結

下載 LTS 的版本

選擇 LTS 版本
選擇 LTS 版本

點擊下載的 node-vx.x.x.pkg 檔安裝 Node.js

緊接著就是點擊 MacOS 安裝的一堆確認(建議安裝時可以看一下細節!)

成功安裝後我們回到 Terminal

安裝成功後,我們可以透過 Terminal 使用 which 確認是否安裝成功,可以試著在 Terminal 輸入以下命令:

$ which npm /usr/local/bin/npm $ which node /usr/local/bin/node
有成功回傳路徑就是成功!
有成功回傳路徑就是成功!

輸入 node & npm Command

我們可以就在 Terminal 做 node & npm 的 command 啦!

node command
node command
npm command
npm command

啟動一個 web server

我們可以另外寫一個 web server 的 app 來測試一下,這邊我們使用 http 來啟動一個 web server,實作程式碼如下:

// server.js const http = require('http'); const server = http.createServer((req, res) => { res.statusCode = 200; res.setHeader('Content-Type', 'text/plain'); res.end('Hello World\n'); }); server.listen(3000, 'localhost', () => { console.log('Server running at http://localhost:3000/'); });

接著我們透過 node 來啟動這個 web server,輸入以下命令:

$ node server.js Server running at http://localhost:3000/
run the server
run the server

接著我們前往瀏覽器點開 http://localhost:3000/,就可以看到 Hello World 的字串啦!結果如下圖,如果有看到 Hello World 就代表我們完全成功啦!

Hello World !!!
Hello World !!!

這樣就大功告成啦!祝大家開發順利!也祝大家新年快樂!

Comments