前言
最近电脑出了点问题，不得不重装系统。说实话，每次重装后最头疼的不是系统本身，而是把开发环境重新搭一遍，这个工具找不到，那个配置忘了怎么设，折腾下来大半天就没了。
趁着这次机会，我决定好好整理一份前端开发必备软件清单！
一来，下次再重装可以直接照着装，不用东翻西找；
二来，分享给刚入门前端的小伙伴，希望能帮你少走一些弯路，不用像我当年那样到处问 “这个要不要装” “那个有什么用”。
这份清单不追求大而全，只列真正常用、真正需要手动安装的软件。每个工具我都会说明用途和必要性，你可以根据自己的需求选择性安装。
如果你是初学者，安装前五个就够了！
五之后的软件属于我自己在用，但不一定是前端的。
目录
前言
一、VS Code
二、浏览器
三、Node.js
四、Git
五、Postman
六、设计 Figma、Pixso、墨刀
七、数据库 MySQL、SQL
八、后端 Java、python、Go
九、环境 docker
一、VS Code
1. 简介：VS Code（全称 Visual Studio Code）是微软开发的免费、开源、轻量级代码编辑器。自 2015 年发布以来，它已经成为全球最受欢迎的开发者工具，在前端领域的地位几乎是统治级的。
2. 常用插件推荐：装完 VS Code 后，推荐先装这几个插件，能大幅提升开发体验：
| Chinese (Simplified) | 中文界面 | 必装，不习惯英文必备！ |
| ESLint | 实时检查代码语法错误 | 必装 |
| Prettier | 保存时自动格式化代码 | 必装 |
| Thunder Client | API 测试，替代 Postman | 推荐 |
| GitLens | Git 增强，看代码历史 | 推荐 |
| Live Preview | 本地服务器，实时预览页面 | 推荐 |
| Vue | vue框架 | 推荐 |
| Flutter、Dart | 跨平台必备 | 推荐 |
| GitHub Copilot Chat | 对话式AI助手扩展 | 推荐 |
我还安装了 python、c/c++的扩展，都需要配环境。
3. 下载网址： https://code.visualstudio.com/
二、浏览器
| Chrome | 开发调试，DevTools 最强 | https://www.google.com/chrome |
| Edge | 备选，Win11 自带 | 系统自带 |
Chrome 的 DevTools 是前端调试核心工具，必须熟悉。
三、Node.js
1. 简介：Node.js 是一个让 JavaScript 可以在电脑上直接运行的环境。之前 JavaScript 只能跑在浏览器里，Node.js 把它“解放”出来，让 JS 能做和 Python、Java 一样的事——操作文件、启动服务器、连接数据库。
2. 安装建议：选择 LTS 版本（长期支持版），更稳定
3. 下载网址：https://nodejs.org
装完后在终端输入以下命令验证是否成功：
node -v # 显示版本号说明安装成功
npm -v # npm 会随 Node.js 一起安装
四、Git
1. 简介：Git 是一个版本控制工具，简单说就是帮你记录代码的每一次修改，让你可以随时“穿越”回任何一个历史版本。
2. 下载地址：https://git-scm.com
五、Postman
1. 简介：Postman 是一款全球最流行的 API 测试与开发工具，由 Postman Inc. 公司开发。简单说，它就是一个让你可以向服务器发送 HTTP 请求、查看返回结果的图形化软件
2. 下载地址：https://www.postman.com/downloads/
3. Web版：https://web.postman.co
六、设计 Figma、Pixso、墨刀
我比较推荐 Pixso、墨刀
1. 下载地址
| Figma | https://www.figma.com | https://www.figma.com/downloads | Windows、macOS、iOS、Android |
| Pixso | https://pixso.cn | https://pixso.cn/download | Windows、macOS、鸿蒙OS |
| 墨刀 | https://modao.cc | https://modao.cc/download | Windows、macOS、iOS、Android |
2. 对比表
| 公司/出身 | 美国 Figma Inc.（2024年上市） | 中国 深圳市博思云创科技 | 中国 北京磨刀刻石科技 |
| 核心定位 | UI/UX 视觉设计工具（行业标准） | 全链路 UI 设计交付平台 | 原型设计与协作工具 |
| 主力用户 | UI设计师、前端工程师 | UI设计师、产品设计师 | 产品经理、交互设计师 |
| 使用方式 | 网页版为主 + 桌面客户端 | 网页版 + 桌面客户端 | 网页版 + 桌面客户端 |
| AI 能力 | 基础AI辅助 | 智能生成设计草图、排版建议、D2C代码导出 | AI生成原型图、图片还原草图 |
| 特色功能 | 设计系统、Auto Layout、全球协作 | 鸿蒙生态融合、导出HarmonyOS代码 | 移动端预览、丰富本地化模板 |
| 企业部署 | 仅云服务 | 支持私有化部署 | 支持私有化部署 |
| 国内访问 | 较慢，需网络工具 | 快 | 快 |
| 价格模式 | 美元订阅（$12-$45/月） | 个人免费 + 企业版 | 个人免费 + 企业版 |
| 移动端 | iOS/Android 预览 | 鸿蒙OS版 | iOS/Android 预览 |
3. 总结：Figma 是行业标杆，Pixso 是最接近的国产替代，墨刀则在原型设计和快速出稿上更有优势。国内团队可优先考虑后两者。
七、数据库 MySQL、SQL
1. MySQL Workbench
| 适用数据库 | MySQL（也可用于连接其他数据库，但主要为MySQL设计） |
| 官网地址 | https://www.mysql.com/products/workbench/ |
| 直接下载页 | https://dev.mysql.com/downloads/workbench/ |
| 支持平台 | Windows、macOS、Linux |
| 语言 | 官方提供英文版，部分非官方站点有汉化版 |
注意：下载页面会自动检测你的操作系统，选择对应的版本即可。macOS用户注意区分Intel芯片（x86_64）和Apple Silicon芯片（ARM64）版本 。
2. SQL Server Management Studio (SSMS)
| 适用数据库 | SQL Server、Azure SQL Database |
| 官网地址 | https://docs.microsoft.com/ssms/download-sql-server-management-studio-ssms |
| 直接下载 | 从官网点击下载链接，会获得一个引导安装程序 vs_SSMS.exe |
| 支持平台 | 仅 Windows（x86-64 和 Arm64 架构） |
| 语言 | 支持简体中文（zh-cn）、繁体中文（zh-tw）等多种语言 |
注意：SSMS 21 版本开始通过 Visual Studio Installer 安装，不再是独立的 MSI 安装包 。
3. 补充：如果你需要连接多种数据库（如同时用 MySQL、PostgreSQL、SQLite），也可以考虑 DBeaver、Navicat 等第三方通用工具，它们支持更广泛的数据库类型，但部分功能可能需要付费 。（我下载的Navicat）
八、后端 Java、python、Go
| Java | IntelliJ IDEA（社区版免费） | https://www.jetbrains.com/idea |
| Python | PyCharm（社区版免费） | https://www.jetbrains.com/pycharm |
| Go | VS Code + Go插件 | — |
注意：如果你只学 JavaScript 全栈（Node.js 后端），VS Code 一款就够了，不用装额外的 IDE。
九、环境 docker
1. 简介：Docker 是一个把应用程序打包成独立容器的工具。简单说，它能让你的代码连同运行环境（比如数据库、Redis、Nginx）一起，在任何电脑上以相同的方式运行。
2. 作用：容器化（一键搭建数据库/后端环境）
3. 下载网址：https://docker.com/products/docker-desktop
