VSCode 5 招让 0 基础上手 - 2026 设计工具实战指南，5 个关键点 + 自检清单 + 速查手册，新手必学。
VSCode 5 招让 0 基础上手（1.129.1 实测版）
记事本 / Notepad++ 编辑代码够用，但想做正经项目？VSCode（Visual Studio Code）是微软出品的开源代码编辑器，全球开发者使用率第一。免费、跨平台（Windows / macOS / Linux）、插件生态丰富。0 基础从记事本水平 5 招玩到生产力工具，关键是学会挑版本、配必装插件、用调试替代 console.log。
为什么这件事值得做
全球第一：开发者使用率第一，遇到问题 Google 必有答案
免费开源：个人 / 公司随便用，不花钱不担心版权
插件生态：扩展市场 4 万+ 插件，从前端到 AI 编程全覆盖
调试神器：内置调试器支持 Node / Python / 前端 JS，比 console.log 调试快 10 倍
5 个挑选 / 避坑思路
第 1 招：版本要选 User Installer：VSCodeSetup-x64.exe 1.129.1（205.8MB）是 User Installer（用户级安装）。不要下 .zip 便携版——便携版更新麻烦、插件设置不持久。装时勾选"添加到 PATH"+"添加到右键菜单"
第 2 招：必改 5 设置：Ctrl + , 打开设置：
- Editor: Font Size = 14
- Editor: Tab Size = 2
- Editor: Word Wrap = on（自动换行）
- Files: Auto Save = afterDelay（自动保存）
- Workbench: Color Theme = Dark+ 或 Solarized Dark
这 5 项不配，VSCode 用起来跟记事本差不多
第 3 招：插件 5 件套起步：
- Chinese (Simplified) Language Pack 中文界面
- ESLint / Prettier JS / TS 代码检查 + 格式化
- Live Server HTML 改一行浏览器自动刷新
- GitLens Git 改动高亮（每行代码谁改的何时改的）
- Path Intellisense 文件路径自动补全
不要装 30 个——5-8 个起步，加一个用顺手再加
第 4 招：Ctrl + Shift + P 是灵魂：命令面板能调出所有功能。常用快捷键：
- Ctrl + P：按文件名搜索
- Ctrl + Shift + F：全局搜索
- F12：跳转到定义
- Alt + F12：查看定义预览
- Shift + Alt + F：格式化代码
学会用命令面板 = 学会 50% VSCode 功能
第 5 招：远程开发 + 容器：安装 Remote - SSH / Remote - Containers / Remote - WSL 三个扩展：
- 服务器运维：连远程服务器，本地编辑体验
- Docker 项目：容器里开发，团队环境一致
- Windows + Linux 双修：WSL 子系统跑 Linux 工具链
适合场景：服务器运维、Docker 项目、跨平台开发
下载包里有什么（7 个文件，每个都有具体用处）
| 文件 | 大小 | 具体用处 |
|---|---|---|
| VSCodeSetup-x64.exe 1.129.1 官方安装包 | 205.8MB | 双击安装即用；解决记事本不能调试、不能跑项目的问题 |
| VSCode 速查手册 PDF | 155KB | 5 招配截图：必改 5 设置路径、5 件套插件安装步骤、Ctrl + Shift + P 常用命令表、launch.json 配置模板、Remote 扩展配置流程 |
| readme.txt（5 招实战配置） | 2.8KB | 复制就能用：装时必勾 3 项 / 必改 5 设置 / 5 件套插件 / 命令面板常用命令 / 调试 launch.json 模板 / 集成终端 + Git / 远程开发 + 容器 / 快捷键速查 |
| launch_node.json | 0.5KB | Node.js 项目调试模板，复制到 `.vscode/launch.json` 即可 |
| launch_python.json | 0.4KB | Python 项目调试模板（含本地启动 + 远程 attach 两种模式） |
| launch_chrome.json | 0.3KB | 前端 Chrome 调试模板（含 webpack sourceMap 配置） |
| launch_vue.json | 0.4KB | Vue 项目调试模板（含 webpack 路径映射） |
一句话总结：安装包 = 完整 VSCode；PDF = 5 招速查；readme = 5 招实战配置；4 个 launch.json = Node / Python / Chrome / Vue 调试导入即用。光看文章懂思路不会配，光有安装包不会用，7 件套必须一起下。
