1. 更新系統包列表
在配置JS開發環境前,需確保系統包列表是最新的,避免依賴沖突:
sudo apt update
2. 安裝Node.js和npm(核心工具)
Node.js是JavaScript的服務器端運行環境,npm是其包管理器,用于安裝和管理JS庫。推薦通過NodeSource倉庫安裝穩定或指定版本(如16.x、18.x),而非系統默認倉庫(版本較舊):
curl -fsSL https://deb.nodesource.com/setup_16.x | sudo -E bash -
sudo apt install -y nodejs
node -v # 查看Node.js版本
npm -v # 查看npm版本
3. 配置npm(可選但推薦)
mkdir ~/.npm-global
npm config set prefix '~/.npm-global'
將路徑添加到環境變量(編輯~/.bashrc
或~/.zshrc
):echo 'export PATH=~/.npm-global/bin:$PATH' >> ~/.bashrc
source ~/.bashrc
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash
source ~/.bashrc
nvm install 16.14.0 # 安裝指定版本
nvm use 16.14.0 # 切換版本
4. 安裝代碼編輯器(推薦VS Code)
VS Code是輕量且功能強大的JS開發編輯器,支持語法高亮、智能提示、調試等功能:
sudo apt install -y code
sudo snap install --classic code
5. 安裝構建工具(可選,用于現代JS項目)
現代JS項目(如React、Vue)通常需要轉譯ES6+語法、打包模塊,常用工具包括:
npm install --save-dev webpack webpack-cli
npm install --save-dev babel-loader @babel/core @babel/preset-env
webpack.config.js
,定義入口、出口和加載器:const path = require('path');
module.exports = {
entry: './src/index.js',
output: { filename: 'bundle.js', path: path.resolve(__dirname, 'dist') },
module: {
rules: [{ test: /\.js$/, exclude: /node_modules/, use: 'babel-loader' }]
}
};
6. 創建并初始化JS項目
mkdir my_js_project && cd my_js_project
package.json
是項目的核心配置文件,記錄依賴和腳本:npm init -y
npm install express --save # --save表示添加到dependencies(生產依賴)
7. 配置調試工具(以VS Code為例)
VS Code內置調試功能,可設置斷點、單步執行、查看變量:
{
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "Launch Program",
"program": "${workspaceFolder}/app.js" // 替換為你的入口文件路徑
}
]
}
app.js
),點擊頂部“運行和調試”→選擇“Launch Program”,即可開始調試。8. 可選:使用PM2管理Node.js應用
PM2是Node.js進程管理器,可實現應用自動重啟、后臺運行、日志管理:
sudo npm install -g pm2
pm2 start app.js --name "my-js-app" # app.js為入口文件
pm2 status # 查看應用狀態
pm2 logs # 查看日志
pm2 restart my-js-app # 重啟應用