VSCode 是微软出品的免费跨平台代码编辑器。本指南 5 招搞定 0 基础、配置同步、Remote SSH、插件精选、调试。含 VSCodeSetup-x64.exe (200MB) + 5 招 PDF 速查手册。
# VSCode 5 招让 0 基础上手(1.129.1 实测版)
VSCode(Visual Studio Code)是微软出品的开源代码编辑器,全球开发者使用率第一。免费、跨平台(Windows / macOS / Linux)、插件生态丰富。本指南 5 招让你从记事本水平玩到生产力工具。
第一招:装好基础配置
下载 VSCodeSetup-x64.exe(205.8MB),安装时勾选:
添加到 PATH(命令行能直接 code 命令打开)
将 Code 注册为受支持的文件类型的编辑器
添加到右键菜单(文件夹 / 文件空白处右键"通过 Code 打开")
装好后 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 件套
左侧 Extensions 图标(或 Ctrl + Shift + X),搜装:
Chinese (Simplified) Language Pack —— 中文界面
ESLint / Prettier —— JS / TS 代码检查 + 格式化
Live Server —— HTML 改一行浏览器自动刷新
GitLens —— Git 改动高亮(每行代码谁改的何时改的)
Path Intellisense —— 文件路径自动补全
按项目语言再加:Python(Python + Pylance)、Java(Extension Pack for Java)、Go(Go for VSCode)。
新手坑:插件不要一次装 30 个,5 到 8 个常用起步,加一个用顺手再加。
第三招:集成终端 + Git
Ctrl + ` 打开集成终端(默认 PowerShell,可切换 bash / zsh)。
内置 Git 支持:左侧源代码管理图标 → 初始化仓库 → 暂存 → 提交 → 推送一条龙。
常用快捷键:
Ctrl + Shift + P:命令面板(VSCode 灵魂)
Ctrl + P:按文件名搜索
Ctrl + Shift + F:全局搜索
F12:跳转到定义
Alt + F12:查看定义预览
Shift + Alt + F:格式化代码
第四招:调试代码
左侧调试图标(或 Ctrl + Shift + D):
点"创建 launch.json",选环境(Node / Python / Chrome 等)
行号左边点一下设断点
F5 启动调试
F10 单步跳过 / F11 单步进入 / Shift + F5 停止
左侧变量面板看实时值
调试 Node / Python / 前端 JS 都能用,比 console.log 调试快 10 倍。
第五招:远程开发 + 容器
VSCode 1.49+ 起支持远程开发,安装 Remote 系列扩展:
Remote - SSH:连远程服务器开发(服务器代码,本地编辑器体验)
Remote - Containers:在容器里开发(环境隔离,团队一致)
Remote - WSL:在 WSL 子系统里开发(Windows 用户跑 Linux 工具链)
路径:安装扩展 → 左下角绿色图标 → Connect to... → 选 SSH / Container / WSL。
适合场景:服务器运维、Docker 项目、Windows + Linux 双修。
附资源:本指南配套 VSCodeSetup-x64.exe 1.129.1 安装包(205.8MB)+ 5 招速查手册 PDF。