温馨提示×

ubuntu js开发工具有哪些

小樊
41
2025-11-23 00:29:36
栏目: 编程语言

Ubuntu 上的 JavaScript 开发工具清单

一 运行环境与包管理

  • Node.js + npm:在终端执行:sudo apt update && sudo apt install nodejs npm,随后用 node -vnpm -v 验证版本。适合运行 Node.js 后端、脚本与前端工程化任务。
  • 全局工具链:按需全局安装构建与转译工具,如 npm install -g webpack webpack-cli babel-cli @babel/core @babel/preset-env,用于打包、压缩与语法转换。

二 代码编辑器与 IDE

  • Visual Studio Code:通过微软 APT 源安装,命令: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
  • Sublime Text:轻量高效,适合快速编辑与多光标操作。
  • Atom(可选):开源可扩展的编辑器,适合个性化工作流。

三 浏览器与调试工具

  • Chrome/Chromium DevTools:在 Chrome/Chromium 中按 F12 打开,进行 DOM/CSS/网络/性能 调试与 Console 日志查看。
  • Node.js 调试:结合 VS Code 的调试配置或直接使用 node inspect 进行断点调试。

四 常用框架与运行时

  • 前端框架React、Angular、Vue.js 等,可通过 npm 安装与创建项目脚手架。
  • 跨平台桌面Electron(基于 JavaScript/HTML/CSS 构建 Windows/macOS/Linux 桌面应用)。
  • 移动端React Native(使用 JavaScript/React 构建 Android/iOS 原生应用)。
  • 桌面扩展GNOME Shell Extensions(使用 JavaScript 定制 GNOME 桌面)。

五 版本控制与项目脚手架

  • Git:安装命令 sudo apt install git,用于代码托管与协作;配置用户信息:git config --global user.name "Your Name"git config --global user.email "you@example.com"
  • 项目初始化:快速创建 Node.js 项目:mkdir my-js-project && cd my-js-project && npm init -y;运行脚本:node index.js
  • 常用脚手架:如 Create React App(快速搭建 React 项目)、Vue CLI(搭建 Vue 项目)等,均可通过 npm 全局安装并按引导生成工程。

0