ubuntu js如何搭建开发环境

Ubuntu系统搭建JavaScript（Node.js）开发环境指南

1. 安装Node.js与npm（核心工具）

Node.js是JavaScript的服务器端运行环境，npm是其官方包管理器，用于安装依赖、运行脚本。Ubuntu系统可通过以下三种方式安装：

方法1：使用默认仓库安装（简单，适合新手）

# 更新系统包列表
sudo apt update
# 安装Node.js（含npm）
sudo apt install nodejs npm
# 验证安装（显示版本号即为成功）
node -v  # 示例输出：v18.x.x
npm -v   # 示例输出：10.x.x

注：默认仓库的版本可能较旧（如Ubuntu 22.04默认安装Node.js 16.x），若需最新稳定版，建议选择方法2或方法3。

方法2：使用NodeSource PPA安装（推荐，获取最新稳定版）

# 安装curl（用于下载脚本）
sudo apt install curl
# 添加NodeSource仓库（以Node.js 20.x为例，可替换为其他版本）
curl -fsSL https://deb.nodesource.com/setup_20.x | sudo -E bash -
# 安装Node.js（自动包含npm）
sudo apt install -y nodejs
# 验证安装
node -v  # 示例输出：v20.x.x
npm -v   # 示例输出：10.x.x

优势：支持安装最新LTS版本（如20.x），且能通过apt upgrade更新。

方法3：使用nvm（Node Version Manager）安装（灵活，适合多版本切换）

# 安装nvm（版本管理器）
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.5/install.sh | bash
# 加载nvm环境（重新打开终端或运行）
source ~/.bashrc
# 安装最新LTS版本Node.js
nvm install --lts
# 验证安装
node -v  # 示例输出：v20.x.x
npm -v   # 示例输出：10.x.x
# 切换版本（如切换到18.x）
nvm use 18

优势：可同时安装多个Node.js版本，通过nvm use <version>快速切换，适合需要兼容不同项目版本的开发者。

2. 配置开发工具（可选但推荐）

安装代码编辑器（如Visual Studio Code）

VS Code是JavaScript开发的常用编辑器，支持语法高亮、智能提示、调试等功能：

# 导入Microsoft GPG密钥
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/
# 添加VS Code仓库
sudo sh -c 'echo "deb [arch=amd64] https://packages.microsoft.com/repos/vscode stable main" > /etc/apt/sources.list.d/vscode.list'
# 更新包列表并安装VS Code
sudo apt update
sudo apt install code
# 启动VS Code（通过应用菜单或终端运行`code`）

安装后，可在VS Code中安装“ESLint”“Prettier”等扩展，提升代码质量。

配置npm全局模块路径（解决权限问题）

若安装全局模块（如nodemon）时出现权限错误，可修改npm配置：

# 创建全局模块目录
mkdir ~/.npm-global
# 配置npm前缀
npm config set prefix '~/.npm-global'
# 将全局路径添加到环境变量
echo 'export PATH=~/.npm-global/bin:$PATH' >> ~/.bashrc
# 重新加载配置
source ~/.bashrc
# 测试安装全局模块（如nodemon）
npm install -g nodemon
nodemon --version  # 示例输出：3.x.x

优势：避免使用sudo安装全局模块，提升安全性。

3. 初始化项目与运行代码

创建项目目录并初始化package.json

# 创建项目目录
mkdir my-js-project
cd my-js-project
# 初始化package.json（自动生成项目元数据）
npm init -y
# 结果：生成package.json文件（包含项目名称、版本、依赖等信息）

运行JavaScript文件

# 创建入口文件（如index.js）
echo 'console.log("Hello, Ubuntu JS!");' > index.js
# 使用Node.js运行文件
node index.js
# 输出：Hello, Ubuntu JS!

安装项目依赖（如Express框架）

# 安装Express（Web框架）
npm install express
# 添加到开发依赖（如ESLint）
npm install eslint --save-dev
# 查看依赖列表
npm list

package.json会自动记录依赖，后续可通过npm install一键安装所有依赖。

4. 常见问题解决

问题1：node或npm命令未找到
检查是否将Node.js安装路径（如/usr/bin/node）添加到环境变量PATH中，可通过echo $PATH查看。
问题2：安装全局模块失败
确保有sudo权限，或参考“配置npm全局模块路径”步骤修改配置。
问题3：版本冲突
使用nvm切换Node.js版本，或通过npm install <package>@<version>安装指定版本的依赖。

按照以上步骤，即可在Ubuntu系统上搭建完整的JavaScript开发环境，满足前端/后端项目的开发需求。