Debian系统如何搭建js开发环境 - 问答

Debian系统搭建JavaScript开发环境步骤

1. 更新系统包列表

在安装任何软件前，建议先更新系统包列表，确保获取最新的软件版本：

sudo apt update

2. 安装Node.js和npm

Node.js是JavaScript的运行时环境，npm是其包管理器，用于安装和管理JavaScript库。Debian官方仓库提供稳定版本，但若需要最新版本，推荐使用NodeSource仓库。

方法一：通过APT安装稳定版

sudo apt install nodejs npm

安装完成后，验证版本：

node -v  # 查看Node.js版本
npm -v   # 查看npm版本

方法二：通过NodeSource安装最新版

若需要特定版本（如16.x），可使用以下步骤：

# 移除旧版本（可选）
sudo apt remove nodejs npm

# 添加NodeSource仓库（以16.x为例）
curl -fsSL https://deb.nodesource.com/setup_16.x | sudo -E bash -

# 安装Node.js和npm
sudo apt install -y nodejs

验证版本，确认安装成功。

3. 配置npm（可选但推荐）

npm的全局包默认安装在系统目录，可能需管理员权限。可通过以下步骤修改全局包路径，避免权限问题：

# 创建全局包目录
mkdir ~/.npm-global

# 配置npm使用新路径
npm config set prefix '~/.npm-global'

# 更新环境变量（编辑~/.profile或~/.bashrc）
echo 'export PATH=~/.npm-global/bin:$PATH' >> ~/.profile

# 使配置生效
source ~/.profile

此后，全局安装的npm包将存放在~/.npm-global目录，无需sudo。

4. 安装代码编辑器

选择适合JavaScript开发的编辑器，提升开发效率。推荐Visual Studio Code（VS Code），支持JavaScript语法高亮、调试、扩展插件等功能：

# 通过snap安装（推荐）
sudo snap install --classic code

# 或通过APT安装（需添加Microsoft仓库）
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

5. 初始化项目并安装依赖

创建项目目录，初始化package.json文件（记录项目信息和依赖），安装所需依赖：

# 创建项目目录
mkdir my-js-project
cd my-js-project

# 初始化项目（生成package.json）
npm init -y

# 安装依赖（以Express框架为例）
npm install express

# 安装开发依赖（如ESLint用于代码检查）
npm install --save-dev eslint

package.json文件将包含项目名称、版本、依赖等信息，是Node.js项目的核心配置文件。

6. 运行JavaScript项目

创建JavaScript文件（如server.js），编写代码并通过Node.js运行：

# 创建server.js文件
nano server.js

# 输入以下内容（简单的HTTP服务器）
const http = require('http');
const hostname = '127.0.0.1';
const port = 3000;

const server = http.createServer((req, res) => {
  res.statusCode = 200;
  res.setHeader('Content-Type', 'text/plain');
  res.end('Hello, JavaScript Development Environment!\n');
});

server.listen(port, hostname, () => {
  console.log(`Server running at http://${hostname}:${port}/`);
});

# 保存并退出（Ctrl+O→Enter→Ctrl+X）

# 运行服务器
node server.js

# 打开浏览器访问http://127.0.0.1:3000，应看到"Hello, JavaScript Development Environment!"提示

7. 可选：使用进程管理工具（如PM2）

PM2可管理Node.js进程，实现自动重启、日志管理、负载均衡等功能，适合生产环境：

# 全局安装PM2
sudo npm install -g pm2

# 启动服务器
pm2 start server.js

# 查看进程状态
pm2 list

# 设置开机自启
pm2 startup

8. 可选：配置Nginx反向代理

若需要将Node.js应用绑定到域名或处理HTTPS，可通过Nginx反向代理：

# 安装Nginx
sudo apt install nginx

# 配置Nginx（编辑默认站点）
sudo nano /etc/nginx/sites-available/default

# 在server块中添加以下内容（代理到Node.js端口3000）
location / {
  proxy_pass http://localhost:3000;
  proxy_http_version 1.1;
  proxy_set_header Upgrade $http_upgrade;
  proxy_set_header Connection 'upgrade';
  proxy_set_header Host $host;
  proxy_cache_bypass $http_upgrade;
}

# 测试配置并重载Nginx
sudo nginx -t
sudo systemctl reload nginx

此后，访问域名（如your_domain.com）将转发到Node.js应用。

通过以上步骤，你已在Debian系统上成功搭建JavaScript开发环境，可进行Node.js应用开发、依赖管理及生产部署。根据项目需求，还可安装其他工具（如Webpack、Babel）或框架（如React、Vue）。

0 赞

0 踩