Debian 依然像一位沉稳的老友，静静地守护在无数服务器的背后。对于前端开发者 如果你厌倦了 Windows 的臃肿，或者觉得 macOS 的价格有些刺痛钱包，那么转向 Debian 绝对是一个充满极客浪漫主义的选择。但是说实话，刚从图形界面切到纯命令行，面对那个黑乎乎的终端，心里多少还是有点发怵的，对吧？别担心， 今天我们就来聊聊怎么在 Debian 上把 JavaScript 开发环境搭起来过程其实比你想象的要顺畅得多，甚至还能找回那种掌控一切的快感。

一 准备系统与基础工具

在开始一切之前，我们要确保手里的“武器”是锋利的。Debian 虽然稳定，但它的软件源有时候为了追求极致的稳定，版本会稍微“复古”那么一点点。这既是优点也是缺点。对于开发环境我们通常希望工具链不要太老，官宣。。

我可是吃过亏的。 先说说打开你的终端，那个闪烁的光标正在等待你的指令。不管你用的是刚装好的 Debian 11 还是更新的 12 ，第一步永远是更新软件包列表。这就像出门前先看看天气预报一样重要。

sudo apt update
sudo apt upgrade -y

这个过程可能需要一点时间，取决于你的网速。你可以趁机去泡杯咖啡。回来后我们需要安装一些编译工具和基础库。为什么？主要原因是很多 npm 包在安装时需要从源码编译 C++ 模块， 如果没有这些基础工具，你稍后在安装某些依赖时就会遇到令人头秃的报错，太水了。。

sudo apt install -y build-essential curl git wget vim

这里我特意加上了 git 和 vim。Git 是代码管理的基石，而 Vim 则是你在服务器上修改配置文件时的救命稻草。虽然现在有很多在线编辑器或者 VS Code 的 Remote 插件， 欧了！ 但掌握基本的终端操作是每个 Linux 用户的必修课。那种手指在键盘上飞舞，屏幕上字符跳动的感觉，真的会上瘾。

二 安装 Node.js 与 npm

接下来是重头戏。很多新手会直接敲 sudo apt install nodejs。我强烈建议你不要这么做。Debian 默认仓库里的 Node.js 版本往往滞后好几个大版本。 我emo了。 想象一下 你想用最新的 ES6+ 语法或者某个需要 Node 18+ 的特性，后来啊系统给你装了个 Node 12，那种绝望感……别问我是怎么知道的。

为了灵活地管理 Node.js 版本，我们需要借助版本管理工具。这里我推荐 nvm 。它就像是一个多面手， 实锤。 能让你在同一台机器上随意切换 Node 的版本，而且不需要 sudo 权限，这对系统平安大有裨益。

安装 nvm 只需要一行 curl 命令：

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.5/install.sh | bash

反思一下。 安装完成后 你需要关闭终端重新打开，或者施行以下命令让环境变量生效：

source ~/.bashrc

现在你可以安装最新的 LTS版本的 Node.js 了。LTS 版本通常最稳定，适合生产环境开发。

nvm install --lts
nvm use --lts

你可以通过 node -v 和 npm -v 来检查是否安装成功。看到那个版本号蹦出来的时候，是不是心里踏实多了？npm 是随 Node.js 一起安装的， 它是世界上最大的软件库，虽然有时候它的下载速度让人想砸键盘，但我们在下一节会解决这个问题，性价比超高。。

掉链子。 为了让你更直观地了解为什么推荐使用 nvm 而不是 apt， 我特意整理了一个简单的对比表格：

特性	使用 apt 安装	使用 nvm 安装
版本更新速度	慢，依赖系统发行版更新周期	极快，可获取最新版本
多版本共存	困难，通常只能覆盖安装	支持，可随时切换不同版本
权限管理	通常需要 sudo	用户目录下无需 sudo
灵活性	低，适合系统级服务	高，完美适配开发环境

三 配置 npm 与全局包路径

环境搭好了但这还不够“丝滑”。npm 默认的全局安装路径是在 /usr/local/lib/node_modules 这意味着每次你要安装像 create-react-app 或 vue-cli 这样的全局工具时都需要加上 sudo。 求锤得锤。 这不仅麻烦，还存在平安隐患。

我们要把全局包的安装目录改到我们的用户主目录下。这样，你就可以随心所欲地安装工具，而不用担心权限问题，白嫖。。

先说说 在用户目录下创建两个文件夹：

mkdir ~/.npm-global
mkdir ~/.npm-global/cache

然后配置 npm 使用这个新目录：

npm config set prefix '~/.npm-global'
npm config set cache '~/.npm-global/cache'

接下来你需要告诉系统去哪里找这些可施行文件。打开你的 .bashrc 文件：

vim ~/.bashrc

在文件末尾加上这一行：

export PATH=~/.npm-global/bin:$PATH

施行 source ~/.bashrc。大功告成！现在你施行 npm install -g yarn 的时候，就不需要再输入那个烦人的 sudo 密码了，开搞。。

最终的最终。 再说一个，对于国内开发者还有一个不得不面对的现实——网络环境。npm 的官方源在国外下载速度有时候慢得像蜗牛爬。这时候，换一个国内的镜像源是必须的。淘宝镜像是个不错的选择：

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

这一步做完， 你会发现 npm install 的速度瞬间起飞，那种畅快感简直无法用语言形容。这就像是骑了很久的共享单车，突然换上了一辆杜卡迪，原来小丑是我。。

四 创建项目与常用工具

环境都配置好了接下来就是真刀真枪地写代码了。虽然我们可以用 Vim 写代码，但在 2024 年， 调整一下。 这多少有点自虐的嫌疑。对于前端开发，VS Code 几乎已经成为了行业标准。

在 Debian 上安装 VS Code 非常简单。你可以去官网下载 .deb 包， 然后用 dpkg 安装：，没法说。

sudo dpkg -i code_*.deb
sudo apt install -f

何必呢？ 如果你不想手动下载，也可以添加微软的 GPG 密钥和仓库，但这稍微繁琐一点。对于新手，直接下载 .deb 包最直观。

有了编辑器，我们就可以初始化项目了。假设你想用 React 开发一个新的应用：

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

几秒钟内，一个基于 Vite 的现代化 React 项目就跑起来了。打开浏览器， 输入 localhost:5173看到那个熟悉的计数器界面了吗？这就是你迈出的第一步。

除了 React，Vue 和 Angular 也是同样的流程。npm 生态的丰富程度让人惊叹，几乎你能想到的功能，都能在 npm 上找到对应的包。 很棒。 不过也要提醒一句，不要过度依赖第三方库，有时候原生 JS 的实现反而更高效、更轻量。

在日常开发中，除了编辑器，你还需要熟悉一些常用的命令行工具。比如 nodemon 它能在你修改代码后自动重启服务，省去了手动 Ctrl+C 再 npm run 的繁琐步骤，拯救一下。。

npm install -g nodemon

当冤大头了。 还有 pm2 虽然它主要用于生产环境，但在本地模拟部署时也非常好用。它能保证你的进程挂掉后自动重启，还能查看日志。

五 部署与反向代理

写完代码，总不能只在本地跑吧？我们要把它放到服务器上，让别人也能访问。这时候，Debian 作为服务器的优势就体现出来了。

通常， 我们不会直接把 Node.js 服务暴露在 80 或 443 端口，而是用 Nginx 做一个反向代理。 躺赢。 Nginx 以其高性能和低内存占用著称，是处理静态文件和反向代理的绝佳选择。

安装 Nginx：

sudo apt install nginx -y

上手。 安装完成后Nginx 会自动启动。你可以输入服务器的 IP 地址看看那个默认的欢迎页面。

我直接起飞。 接下来我们需要配置 Nginx 将请求转发给我们的 Node.js 应用。创建一个新的配置文件：

sudo vim /etc/nginx/sites-available/myapp

输入以下内容：

server {
    listen 80;
    server_name your-domain.com; # 或者是你的服务器IP
    location / {
        proxy_pass http://localhost:3000;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_set_header Host $host;
        proxy_cache_bypass $http_upgrade;
    }
}

保存后 创建一个软链接启用这个配置，并测试语法：

sudo ln -s /etc/nginx/sites-available/myapp /etc/nginx/sites-enabled/
sudo nginx -t
sudo systemctl restart nginx

现在访问你的域名或 IP，Nginx 就会把请求悄悄地转给后端的 Node.js 处理。 不靠谱。 这就是反向代理的魅力所在它像是一个尽职尽责的门卫。

再说说 为了让你的 Node.js 应用在后台稳定运行， 精神内耗。 不要直接用 npm start而是用前面提到的 pm2

pm2 start npm --name "my-app" -- start
pm2 save
pm2 startup

这样，即使你关闭了 SSH 连接，你的应用依然在服务器上欢快地运行着。 我给跪了。 哪怕服务器重启，pm2 也能帮你把服务拉起来。

搭建 Debian JS 开发环境， 看似是一系列枯燥的命令堆砌，但其实吧，这是你与操作系统深层对话的过程。从更新源， 到选择版本管理器，再到配置 Nginx 反向代理，每一步都让你离“全栈工程师”的目标更近了一步，这就说得通了。。

在这个过程中， 你可能会遇到各种奇奇怪怪的报错，比如权限被拒绝、端口被占用，甚至是某个 C++ 库编译失败。别灰心，这些坑都是成长的必经之路。 我的看法是... 当你通过搜索 StackOverflow 或者阅读官方文档解决这些问题时那种成就感是任何图形界面工具都无法给予的。

走捷径。 Debian 的世界是自由的，也是严谨的。一旦你习惯了这种流畅的工作流， 你会发现，原来前端开发不仅仅是写写 HTML 和 CSS，更是对整个 Web 生态的深刻理解。希望这篇文章能帮你顺利入门，写出优雅、高效的代码。祝你好运，愿你的代码永远没有 Bug，愿你的构建速度永远如闪电般迅速！

---