在 Ubuntu 上搭建 Ja vaScript 开发环境,其实比想象中要简单得多。很多人一开始被终端命令吓住,但梳理清楚核心步骤之后,你会发现整个过程相当顺滑。下面我们就从最关键的 Node.js 与 npm 开始,一步步把环境搭起来。

ubuntu如何搭建js开发平台

一、安装 Node.js 与 npm

先把系统包索引更新一下,然后安装基础包:sudo apt update && sudo apt install -y nodejs npm。安装完成后用 node -vnpm -v 验证,能看到版本号就算成功了。

不过,这里有个选择问题。APT 默认仓库里的 Node.js 版本可能偏旧,适合入门或者保守环境。如果你需要特定版本或最新特性,有三种主流方式可以选:

NodeSource 二进制分发——适合需要指定版本的场景。比如安装 18.x 版本,先运行 curl -fsSL https://deb.nodesource.com/setup_18.x | sudo -E bash -,然后 sudo apt install -y nodejs 即可。

NVM(Node Version Manager)——这是开发场景下的推荐方案。它允许你在一台机器上同时安装多个 Node.js 版本,并按项目随时切换。安装 nvm 的命令是 curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash,然后执行 source ~/.bashrc 加载。之后你可以用 nvm install node 安装最新版,或者 nvm install --lts 安装长期支持版,切换版本则用 nvm use <版本号>nvm use --lts

不管你用哪种方式,安装完毕后再次用 node -vnpm -v 确认一下版本,确保一切正常。

二、选择与配置编辑器

编辑器方面,Visual Studio Code 是大多数人的首选。在终端直接 sudo apt update && sudo apt install -y code 就能装好,然后在项目目录里运行 code . 即可打开。如果你偏好其他工具,Sublime Text 也支持通过 PPA 安装:sudo add-apt-repository ppa:webupd8team/sublime-text-3 && sudo apt update && sudo apt install -y sublime-text-installer

编辑器装好之后,建议安装几个常用扩展,能让开发体验提升不少:ESLint(代码规范检查)、Prettier(自动格式化)、Node.js Modules Intellisense(模块智能提示)、Debugger for Chrome/Firefox(浏览器调试)。这些在 VS Code 的扩展市场里都能直接搜到。

三、创建项目与运行示例

先建个项目目录并初始化: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,然后创建 app.js 文件,内容如下:

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'));

保存后执行 node app.js,在浏览器访问 http://localhost:3000,就能看到“Hello, world!”了。

四、常用工具与最佳实践

全局工具方面,如果你需要构建和转译代码,可以安装 Webpack、Babel 等: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 可以避免很多麻烦。

最后说几个常见问题的解决办法:

到这里,一个完整的 Ja vaScript 开发环境就搭建好了。从编辑器到包管理器,从简单脚本到 Express 服务,所有基础都在上面了。接下来,你可以按自己的项目需求继续安装框架、调试工具,逐步构建起属于自己的开发工作流。

本文转载于:https://www.yisu.com/ask/14146783.html 如有侵犯,请联系zhengruancom@outlook.com删除。
免责声明:正软商城发布此文仅为传递信息,不代表正软商城认同其观点或证实其描述。