s-blog

搭建一个 Ubuntu 前端开发环境

ssssmy · 2026-06-05 · 2 min · Ubuntu

把开发主机装成 Ubuntu(20.04)作为前端开发环境的完整过程。

安装 Ubuntu 系统

  • 下载系统镜像制作 U 盘引导。macOS 下把 iso 转为 dmg:
hdiutil convert -format UDRW -o ubuntu.dmg ubuntu-20.04.1-desktop-amd64.iso
  • 建议选英文操作系统,避免中文文件夹在终端中无法进入的尴尬。
  • 若在公司网络需配静态 IP,编辑 netplan 配置:
cd /etc/netplan
vi 01-network-manager-all.yaml
sudo netplan apply
  • 修改 apt 源为国内源(如 mirrors.163.com/ubuntu/):
sudo vi /etc/apt/sources.list
  • 安装 vim:
sudo apt-get install vim-gtk

配置开发环境

  • Git:
sudo apt install git-all
  • VS Code:在 Ubuntu Software 中直接安装。
  • Chrome:
cd ~/Downloads
wget https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb
sudo dpkg -i google-chrome*; sudo apt-get -f install
  • Node.js:
sudo apt-get install nodejs
sudo apt-get install npm
sudo npm install npm -g
npm install -g n
n stable
# 替换 npm 镜像
npm config set registry https://registry.npmmirror.com/

原文链接:https://www.ssssmy.com/notes/da-jian-yi-ge-ubuntu-qian-duan-kai-fa-huan-jing