Ubuntu 上的 JavaScript 开发工具清单
一 运行环境与包管理
- Node.js + npm：在 Ubuntu 上执行 sudo apt update && sudo apt install nodejs npm 即可安装；用 node -v、npm -v 验证版本。适合运行后端服务、脚本与前端工程化任务。
- 全局工程化工具：按需安装 Webpack、Babel 等（如：npm install -g webpack webpack-cli babel-cli @babel/core @babel/preset-env），用于打包与语法转换。
- 项目脚手架：使用 npm init -y 初始化项目，结合 Yeoman 快速搭建前端项目骨架。
- 包管理补充：除 npm 外，历史项目可能用到 Bower（已不推荐新项目使用）。
二 编辑器与 IDE
- Visual Studio Code：跨平台、轻量且扩展丰富，支持 ESLint、Prettier、Live Server 等插件，覆盖 React、Vue、Angular 等框架开发。
- WebStorm：JetBrains 专业 JavaScript IDE，提供智能补全、重构、内置调试与测试支持，适合中大型项目。
- Sublime Text：轻量快速，配合 Package Control 安装 Emmet、Babel 等插件，适合轻量编辑与快速修改。
- Atom（已停止维护）：仍可安装使用，插件生态完备，适合偏好开源的开发者。
- Brackets：Adobe 开源编辑器，内置 Live Preview 实时预览，对 Web 设计友好。
- Eclipse with Web Tools Platform (WTP)：传统 Java IDE 的 Web 扩展，适合 Java 后端 + 前端 一体化开发。
三 浏览器与调试测试
- 浏览器开发者工具：Chrome/Chromium、Firefox 的 DevTools 用于 DOM/CSS/网络/性能调试与断点调试。
- Node 调试：使用 node inspect 或结合 VS Code 的调试配置进行断点调试。
- 测试框架：Jasmine、Mocha、QUnit 覆盖单元与集成测试；Chai 作为断言库；CasperJS、Zombie.js 适合无头/模拟环境测试。
四 构建与任务自动化
- 任务运行器：Grunt.js、Gulp.js 用于自动化构建、压缩、编译与文件监听。
- 模块打包：Browserify 让浏览器端使用 Node 风格模块；Webpack 负责打包与资源处理。
- 代码压缩：Uglify.js 用于压缩与混淆，提升上线代码质量。
五 应用框架与场景工具
- 前端框架：React、Vue、Angular 等主流框架均有良好生态与 VS Code/WebStorm 支持。
- 跨平台桌面：Electron 使用 JavaScript + HTML + CSS 构建 Windows/macOS/Linux 桌面应用。
- 移动端：React Native 使用 JavaScript 与 React 构建 Android/iOS 原生应用。
- 桌面扩展：GNOME Shell Extensions 可用 JavaScript 定制 Ubuntu GNOME 桌面功能与外观。