🌐 官方下载页面(自动识别系统):
👉 https://code.visualstudio.com/download
🔽 直接下载链接(按系统选择):
| 系统 | 64位下载链接 | 32位下载链接 |
|---|---|---|
| Windows | 下载 VS Code (64-bit) | 下载 VS Code (32-bit) |
| macOS | 下载 VS Code (Universal) | – |
| Linux | 下载 VS Code (.deb) | 下载 VS Code (.rpm) |
✅ 安装建议(Windows 用户):
- 推荐下载 64 位版本(除非你的电脑非常旧)
- 安装时勾选:
- ✅ “Add to PATH”(方便命令行使用)
- ✅ “Register Code as an editor for supported file types”
- 安装完成后重启电脑(确保环境变量生效)
💡 为什么推荐 VS Code?
- ✅ 免费开源,无广告
- ✅ 内置终端(自动定位到项目根目录,解决你之前的路径问题)
- ✅ 智能代码提示,帮你快速定位
@google/genai等残留引用 - ✅ 一键格式化(
Shift + Alt + F),保持代码整洁 - ✅ 强大的调试工具,比浏览器控制台更详细
🚀 安装后必备插件(提升开发效率):
- Chinese (Simplified) Language Pack – 中文界面
- ESLint – 代码规范检查
- Prettier – 代码自动格式化
- Tailwind CSS IntelliSense – Tailwind 智能提示
- React DevTools – React 组件调试
💡 安装插件方法:
- 打开 VS Code
- 点击左侧扩展图标(
Ctrl + Shift + X)- 搜索插件名 → 点击 “Install”
⚠️ 重要提醒:
- 只从官方渠道下载!避免第三方修改版(可能包含病毒)
- 官方安装包签名:
Microsoft Corporation - 下载后检查文件哈希值(官网提供校验方法)
🌟 针对你的项目(TinyTalk):
安装 VS Code 后:
- 用 VS Code 打开
H:\app\english文件夹 - 按
Ctrl + `打开内置终端(自动定位到项目根目录) - 运行
npm run dev→ 不再有路径错误!
肖兴来SEO博客