VS Code#

目前最流行的代码编辑器之一，强大的插件生态让它几乎无所不能。

推荐插件：

• Prettier - 代码格式化
• ESLint - 代码质量检查
• GitLens - Git 增强工具
• Auto Rename Tag - 自动重命名配对标签

Git + GitHub#

代码版本管理的标配，GitHub 不仅是代码托管平台，更是开源社区的聚集地。

常用命令：

1
# 初始化仓库
2
git init
3

4
# 提交更改
5
git add .
6
git commit -m "feat: 添加新功能"
7

8
# 推送到远程
9
git push origin main

pnpm#

相比 npm 和 yarn，pnpm 更快、更节省磁盘空间。

1
# 安装依赖
2
pnpm install
3

4
# 添加包
5
pnpm add package-name
6

7
# 运行脚本
8
pnpm dev

Chrome DevTools#

强大的浏览器开发者工具，用于调试、性能分析、网络请求监控等。

常用功能：

• Elements - 查看和修改 DOM
• Console - JavaScript 调试
• Network - 网络请求分析
• Performance - 性能分析

Postman#

API 开发和测试的必备工具，支持各种 HTTP 请求方法。

Figma#

基于浏览器的设计工具，团队协作非常方便。

Vercel / Netlify#

一键部署静态网站，支持自动构建和 CDN 加速。

Cloudflare Pages#

免费且强大的静态网站托管服务。