溫馨提示×

Debian如何配置JS開發工具

小樊
51
2025-08-30 08:57:56
欄目: 編程語言

1. 更新系統包列表
在配置JS開發環境前,需確保系統包列表是最新的,避免依賴沖突:

sudo apt update

2. 安裝Node.js和npm(核心工具)
Node.js是JavaScript的服務器端運行環境,npm是其包管理器,用于安裝和管理JS庫。推薦通過NodeSource倉庫安裝穩定或指定版本(如16.x、18.x),而非系統默認倉庫(版本較舊):

  • 添加NodeSource倉庫(以16.x為例):
    curl -fsSL https://deb.nodesource.com/setup_16.x | sudo -E bash -
    
  • 安裝Node.js和npm
    sudo apt install -y nodejs
    
  • 驗證安裝
    運行以下命令,若顯示版本號則說明成功:
    node -v  # 查看Node.js版本
    npm -v   # 查看npm版本
    

3. 配置npm(可選但推薦)

  • 設置全局包安裝路徑
    默認情況下,全局包安裝在系統目錄(需sudo權限),可將路徑改為用戶目錄以避免權限問題:
    mkdir ~/.npm-global
    npm config set prefix '~/.npm-global'
    
    將路徑添加到環境變量(編輯~/.bashrc~/.zshrc):
    echo 'export PATH=~/.npm-global/bin:$PATH' >> ~/.bashrc
    source ~/.bashrc
    
  • 使用nvm管理多版本(可選):
    若需要頻繁切換Node.js版本(如開發不同項目),可使用nvm(Node Version Manager):
    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開發編輯器,支持語法高亮、智能提示、調試等功能:

  • 通過APT安裝(推薦)
    sudo apt install -y code
    
  • 通過Snap安裝(可選)
    sudo snap install --classic code
    
  • 基礎配置
    安裝后,可安裝常用擴展(如ESLint(代碼檢查)、Prettier(代碼格式化)、Live Server(實時預覽)),提升開發效率。

5. 安裝構建工具(可選,用于現代JS項目)
現代JS項目(如React、Vue)通常需要轉譯ES6+語法、打包模塊,常用工具包括:

  • Webpack:模塊打包器,將多個JS文件合并為一個:
    npm install --save-dev webpack webpack-cli
    
  • Babel:ES6+轉譯器,將新語法轉為舊瀏覽器兼容的代碼:
    npm install --save-dev babel-loader @babel/core @babel/preset-env
    
  • 配置Webpack
    在項目根目錄創建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
    package.json是項目的核心配置文件,記錄依賴和腳本:
    npm init -y
    
  • 安裝項目依賴
    如需使用Express框架(Node.js后端),可運行:
    npm install express --save  # --save表示添加到dependencies(生產依賴)
    

7. 配置調試工具(以VS Code為例)
VS Code內置調試功能,可設置斷點、單步執行、查看變量:

  • 創建launch.json
    點擊左側“運行和調試”圖標→“創建launch.json文件”→選擇“Node.js”環境,生成以下配置:
    {
      "version": "0.2.0",
      "configurations": [
        {
          "type": "node",
          "request": "launch",
          "name": "Launch Program",
          "program": "${workspaceFolder}/app.js"  // 替換為你的入口文件路徑
        }
      ]
    }
    
  • 啟動調試
    打開JS文件(如app.js),點擊頂部“運行和調試”→選擇“Launch Program”,即可開始調試。

8. 可選:使用PM2管理Node.js應用
PM2是Node.js進程管理器,可實現應用自動重啟、后臺運行、日志管理:

  • 安裝PM2
    sudo npm install -g pm2
    
  • 啟動應用
    pm2 start app.js --name "my-js-app"  # app.js為入口文件
    
  • 常用命令
    pm2 status       # 查看應用狀態
    pm2 logs         # 查看日志
    pm2 restart my-js-app  # 重啟應用
    

0
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女