ubuntu如何搭建js开发平台

在 Ubuntu 上搭建 JavaScript 开发平台

一安装 Node.js 与 npm

更新索引并安装基础包
- 执行：sudo apt update && sudo apt install -y nodejs npm
- 验证：node -v、npm -v 显示版本号即成功
选择安装方式（按需求三选一）
- APT 默认仓库：简单稳定，但版本可能偏旧（适合入门或保守环境）
- NodeSource 二进制分发：获取更新或指定版本的 Node.js（推荐需要特定版本时使用）
  - 示例（安装 Node.js 18.x）：
    - curl -fsSL https://deb.nodesource.com/setup_18.x | sudo -E bash -
    - sudo apt install -y nodejs
- NVM（Node Version Manager）：同机多版本并存、按项目切换（推荐开发场景）
  - 安装 nvm：curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash
  - 加载 nvm：source ~/.bashrc
  - 安装与切换：
    - 最新版：nvm install node
    - LTS 版：nvm install --lts
    - 切换版本：nvm use <版本号> 或 nvm use --lts
安装完成后再次验证：node -v、npm -v

二选择与配置编辑器

安装 Visual Studio Code
- 终端执行：sudo apt update && sudo apt install -y code
- 启动：code .（在项目目录中打开）
其他可选编辑器：Sublime Text
- 添加源并安装：sudo add-apt-repository ppa:webupd8team/sublime-text-3 && sudo apt update && sudo apt install -y sublime-text-installer
建议安装常用扩展（VS Code）：ESLint、Prettier、Node.js Modules Intellisense、Debugger for Chrome/Firefox

三创建项目与运行示例

初始化项目
- mkdir my-js-project && cd my-js-project
- npm init -y（生成 package.json）
运行脚本
- 创建入口：echo 'console.log("Hello, Ubuntu JS");' > index.js
- 执行：node index.js
简单 Express 服务示例
- 安装依赖：npm install express
- 创建服务：cat > app.js <<'EOF' const express = require('express'); const app = express(); app.get('/', (req, res) => res.send('Hello, world!')); app.listen(3000, () => console.log('Server on http://localhost:3000')); EOF
- 启动：node app.js，浏览器访问 http://localhost:3000

四常用工具与最佳实践

全局工具（按需安装）
- 构建与转译：npm install -g webpack webpack-cli babel-cli @babel/core @babel/preset-env
版本与更新
- 使用 LTS 版本（生产环境更稳）：nvm install --lts
- 升级 npm：sudo npm install -g npm@latest
编译依赖
- 某些 npm 包需要本地编译，建议安装：sudo apt-get install -y build-essential
常见问题处理
- 权限问题（避免全局安装用 sudo）：sudo chown -R $(whoami) $(npm config get prefix)/{lib/node_modules,bin,share}
- 网络问题（切换镜像源）：npm config set registry https://registry.npm.taobao.org
- 版本冲突：使用 nvm 隔离项目 Node 版本

最新问答