Debian如何配置JS开发工具

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  # 重启应用

最新问答

相关标签