温馨提示×

linux js环境怎么配

小樊
42
2026-10-18 22:15:20
栏目: 编程语言

在 Linux 上配置 JavaScript(JS)运行/开发环境,通常分 两种需求:

  1. 只跑 JS(Node.js 环境)
  2. 前端开发(Node + npm + 框架,如 Vue / React)

下面按最常见方式一步一步来。


一、安装 Node.js(JS 运行环境)

✅ 推荐方式(用 NodeSource,版本新)

以 Ubuntu / Debian 为例:

# 安装依赖
sudo apt update
sudo apt install -y curl

# 添加 Node.js 20.x 源(也可换 18.x)
curl -fsSL https://deb.nodesource.com/setup_20.x | sudo -E bash -

# 安装
sudo apt install -y nodejs

验证:

node -v
npm -v

✅ 也可以用官方二进制(适合所有 Linux)

# 下载
wget https://nodejs.org/dist/v20.11.1/node-v20.11.1-linux-x64.tar.xz

# 解压
tar -xf node-v20.11.1-linux-x64.tar.xz
sudo mv node-v20.11.1-linux-x64 /opt/node

# 配置环境变量
echo 'export PATH=/opt/node/bin:$PATH' >> ~/.bashrc
source ~/.bashrc

二、npm / yarn / pnpm(包管理)

npm 已随 Node 安装。

安装 yarn

sudo npm install -g yarn

安装 pnpm(推荐)

sudo npm install -g pnpm

三、跑一个 JS 文件

mkdir demo && cd demo
echo "console.log('Hello JS')" > index.js
node index.js

四、前端开发环境(Vue / React)

Vue

npm create vite@latest my-vue-app
cd my-vue-app
npm install
npm run dev

React

npx create-vite@latest my-react-app --template react
cd my-react-app
npm install
npm run dev

五、编辑器推荐

  • VS Code(最常用)
sudo snap install code --classic
  • 或 WebStorm(付费)

六、常见问题

1. npm 权限问题

不要用 sudo 跑项目,建议:

npm config set prefix ~/.npm-global
echo 'export PATH=~/.npm-global/bin:$PATH' >> ~/.bashrc
source ~/.bashrc

2. 国内加速

npm config set registry https://registry.npmmirror.com

如果你告诉我:

  • 用的 Linux 发行版(Ubuntu / CentOS / Arch)
  • 是 前端 / 后端 / 脚本
  • 是否用 Docker

我可以给你更精确的配置方案。

0 踩