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 版本

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！