Node.js是JavaScript的服務器端運行環境，npm是其包管理工具，是JS開發的基礎。Ubuntu系統推薦通過NodeSource倉庫或**nvm（版本管理器）**安裝，避免官方倉庫版本過舊。
方法1：通過NodeSource安裝（推薦，版本新）
以安裝Node.js 20.x LTS版本為例，執行以下命令：
curl -fsSL https://deb.nodesource.com/setup_20.x | sudo -E bash - # 添加NodeSource倉庫
sudo apt install -y nodejs # 安裝Node.js（自動包含npm）
驗證安裝：
node -v # 輸出類似 v20.x.x（版本號）
npm -v # 輸出對應npm版本（如 10.x.x）
方法2：使用nvm（靈活管理多版本）
若需要同時管理多個Node.js版本（如項目依賴不同版本），推薦使用nvm：
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.5/install.sh | bash # 安裝nvm
source ~/.bashrc # 重新加載環境變量
nvm install --lts # 安裝最新LTS版本（如 v20.x）
nvm use --lts # 切換到LTS版本（默認使用）
驗證安裝同上（node -v、npm -v）。
注意事項：
若安裝后出現command not found，需重新加載環境變量（source ~/.bashrc）；若需切換版本，用nvm use <版本號>。
默認情況下，全局安裝的npm包需sudo權限，易引發安全問題。建議配置用戶級全局路徑：
mkdir ~/.npm-global # 創建全局目錄
npm config set prefix '~/.npm-global' # 設置npm前綴為用戶目錄
echo 'export PATH=~/.npm-global/bin:$PATH' >> ~/.bashrc # 添加到環境變量
source ~/.bashrc # 生效配置
此后，全局安裝包無需sudo（如npm install -g webpack）。
根據項目需求，安裝以下工具提升開發效率：
代碼編輯器：Visual Studio Code（推薦）
VS Code是輕量且功能強大的JS編輯器，支持語法高亮、調試、擴展插件等功能：
sudo apt install software-properties-common apt-transport-https wget
wget -qO - https://packages.microsoft.com/keys/microsoft.asc | gpg --dearmor > microsoft.gpg
sudo install -o root -g root -m 644 microsoft.gpg /etc/apt/trusted.gpg.d/
sudo sh -c 'echo "deb [arch=amd64] https://packages.microsoft.com/repos/vscode stable main" > /etc/apt/sources.list.d/vscode.list'
sudo apt update
sudo apt install code # 安裝VS Code
安裝后，可通過擴展商店搜索“JavaScript”“ESLint”“Prettier”等插件增強功能。
構建工具：Webpack（打包優化）
用于打包JS模塊、壓縮代碼，適合復雜項目：
npm install -g webpack webpack-cli # 全局安裝Webpack
轉譯工具：Babel（兼容舊瀏覽器）
將ES6+語法轉譯為ES5，提升代碼兼容性：
npm install -g @babel/core @babel/cli @babel/preset-env # 安裝Babel核心工具
包管理替代：Yarn（可選）
Yarn是Facebook推出的快速包管理工具，比npm更高效：
npm install -g yarn # 通過npm安裝Yarn
yarn --version # 驗證安裝（輸出版本號）
通過npm init初始化項目，創建入口文件并運行：
mkdir my-js-project # 創建項目目錄
cd my-js-project # 進入目錄
npm init -y # 初始化package.json（自動生成項目元數據）
創建index.js文件（項目入口），寫入簡單代碼：
// index.js
console.log("Hello, Ubuntu JS Development!");
運行項目：
node index.js # 輸出：Hello, Ubuntu JS Development!
若需啟動本地服務器（如開發Web應用），可安裝express框架：
npm install express --save # 安裝express（添加到項目依賴）
創建server.js：
// server.js
const express = require('express');
const app = express();
const port = 3000;
app.get('/', (req, res) => {
res.send('Hello from Express Server!');
});
app.listen(port, () => {
console.log(`Server running at http://localhost:${port}`);
});
運行服務器：
node server.js # 訪問 http://localhost:3000 查看效果
版本管理：nvm切換版本
若已安裝nvm，可通過nvm install <版本號>安裝多個版本，用nvm use <版本號>切換（如nvm use 18.16.0）。
鏡像加速：npm/Yarn換源
國內用戶可通過換源提升下載速度：
npm config set registry https://registry.npmmirror.com # npm換源
yarn config set registry https://registry.npmmirror.com # Yarn換源
通過以上步驟，你已完成Ubuntu系統下的JavaScript開發環境搭建，可開始編寫、運行和調試JS項目。根據項目需求，可進一步安裝其他工具（如ESLint代碼檢查、Prettier格式化等）。
