Node.js - 環境設定
你好，有志者！我很興奮能成為你進入Node.js世界的引路人。作為一位教了多年計算機科學的老師，我可以告訴你，設定開發環境就像在烹飪美味佳肴前準備廚房一樣。起初可能會觉得有些麻煩，但請相信我，這對於順暢的編碼體驗至關重要！
Node.js是什麼？
在我們深入設定之前，讓我們快速了解一下Node.js是什麼。想像一下，JavaScript這門讓網站互動的語言決定離開瀏覽器，去探索服務器世界。這就是Node.js的本質——它讓你能在電腦上運行JavaScript，而非在瀏覽器之外。
Node.js環境設定
現在，讓我們捋起袖子，親自動手進行實際的設定過程。別擔心，即使起初看起來有些令人却步——我們會一步步來，在你還沒有察覺之前，你就會擁有自己的Node.js遊樂場！
步驟1：下載Node.js
- 打開你喜歡的網頁瀏覽器，導航到Node.js的官方網站：https://nodejs.org/
- 你會看到兩個下載版本：LTS（長期支持）和當前版本。對於初學者來說，我建議選擇LTS版本，因為它更穩定。
- 點擊LTS按鈕以下載適合你操作系統（Windows、macOS或Linux）的安裝程序。
步驟2：安裝Node.js
Windows用戶：
- 下載完畢後，運行安裝程序。
- 跟隨安裝向導，接受授權協議並選擇默認設置（除非你有特定理由要更改它們）。
- 點擊"安裝"並等待過程完成。
macOS用戶：
- 打開下載的.pkg文件。
- 跟隨安裝向導，同意條款和條件。
- 如果有提示，輸入你的系統密碼。
Linux用戶：
這個過程會根據你的發行版有所不同。對於Ubuntu或Debian基礎系統：
- 打開終端窗口。
- 執行以下命令：
sudo apt update
sudo apt install nodejs
sudo apt install npm步驟3：驗證安裝
為了確保Node.js已正確安裝，打開你的終端（Windows上的命令提示符）並輸入：
node --version如果你看到了版本號（例如，v14.17.0），恭喜你！你已成功安裝了Node.js。
步驟4：Hello, World！
讓我們寫下我們的第一個Node.js程序來慶祝這個成就！
- 使用任何文本編輯器創建一個新文件，名為
hello.js。 - 鍵入以下代碼：
console.log("Hello, World! 歡迎來到Node.js！");- 儲存文件並關閉編輯器。
- 在你的終端中，導航到你儲存
hello.js的目錄。 - 通過輸入以下命令來運行程序：
node hello.js你應該會在終端中看到"Hello, World! 歡迎來到Node.js!"的輸出。是不是很興奮？
在線嘗試選項
有時候，你可能想要快速測試一段Node.js代碼，而不需要設定本地環境。這時，在線Node.js沙盒就派上用場了！
受歡迎的在線Node.js環境：
| 平台 | 特點 | 最適用於 |
|---|---|---|
| Repl.it | 免費，支持多個文件，實時協作 | 快速實驗，分享代碼 |
| JSFiddle | 簡單界面，支持前端代碼與Node.js一起使用 | 測試小的Node.js片段 |
| Codesandbox | 滿足需求的瀏覽器內IDE，支持複雜項目 | 建立和測試完整的Node.js應用程序 |
使用這些平台：
- 訪問網站
- 創建一個新的Node.js項目
- 在編輯器中編寫你的代碼
- 點擊"運行"或"執行"來查看輸出
例如，讓我們在Repl.it上嘗試我們的"Hello, World!"程序：
- 前往https://repl.it/
- 點擊"Create Repl"並選擇"Node.js"
- 在編輯器中輸入以下代碼：
console.log("Hello from the cloud! This is Node.js running online!");- 點擊"Run"並在控制台窗口中觀看魔術發生！
本地環境設定
雖然在線平台對於快速測試非常方便，但對於嚴肅的開發，你將需要設定本地環境。下面是如何在你的電腦上創建一個簡單的Node.js項目：
- 為你的項目創建一個新目錄：
mkdir my_first_nodejs_project
cd my_first_nodejs_project- 初始化一個新的Node.js項目：
npm init -y這會創建一個package.json文件，這就像是你項目的菜譜一樣，列出了所有的原料（依賴）和指導（腳本）。
- 創建一個名為
index.js的新文件並添加一些代碼：
const fs = require('fs');
fs.writeFile('welcome.txt', 'Welcome to Node.js!', (err) => {
if (err) throw err;
console.log('File created successfully!');
fs.readFile('welcome.txt', 'utf8', (err, data) => {
if (err) throw err;
console.log('File contents:', data);
});
});這個腚本創建一個文件，向其中寫入一些文字，然後讀取並顯示其內容。
- 運行你的腚本：
node index.js你應該會看到消息"File created successfully!"後跟著"File contents: Welcome to Node.js!"
恭喜你！你剛才使用Node.js創建、寫入並讀取了一個文件。這可能看起來很簡單，但在許多Node.js應用程序中，這是一個基本操作。
結論
設定你的Node.js環境是你進入服務器端JavaScript編程世界的第一步。記住，每個專家都曾經是個初學者，所以如果事情不立即明朗，不要氣餒。持續練習，嘗試，最重要的是，享受樂趣！
在我們的下一課，我們將探索更多Node.js概念並開始建立更複雜的應用程序。在那之前，祝你編程愉快！
Credits: Image by storyset