vs code“能用”的标准是:设为默认打开方式、path配置正确、以文件夹形式打开项目、装好eslint/prettier/python三大扩展,并开启自动保存与空白符渲染。

VS Code 怎么装才算“能用”
别直接点下载就完事——很多新手装完打开 index.html 还是双击浏览器看,根本没进编辑器的节奏。真正“能用”的第一步,是让 VS Code 成为你打开文件的默认方式,并且确认核心功能已就位。
- Windows 用户装时勾选
Add to PATH(否则终端打code .会报 command not found) - macOS 装完要手动执行一次
Shell Command: Install 'code' command in PATH(命令面板Cmd+Shift+P搜这句) - Linux 用户注意:Debian/Ubuntu 用
.deb包安装;CentOS/RHEL 用.rpm;别用 snap,插件更新和文件监听常出问题
打开文件夹 vs 打开单个文件,为什么必须选前者
VS Code 的智能提示、调试、Git 集成、扩展识别(比如 Python 的 Pylance、ESLint)全依赖「工作区」上下文。只打开 script.js,它连当前项目有没有 package.json 都不知道。
- 正确操作:菜单栏 File → Open Folder…(不是 Open File)
- 错误现象:代码补全失效、
F5启动调试报No debug configuration found、Git 左下角不显示分支名 - 小技巧:终端里进项目根目录,运行
code .——这个.很关键,代表当前文件夹
必装的三个扩展,不是“推荐”,是“少一个就卡住”
官方市场里搜几百个“Top 10 插件”清单,但多数人真正卡住的地方就仨:语法没高亮、保存不自动格式化、改了代码不知道哪错了。对应三个扩展必须装。
-
ESLint:JavaScript/TypeScript 项目里,不装它,console.log写错括号都不会红波浪线 -
Prettier:保存即格式化,但得关掉 VS Code 默认的editor.formatOnSave,改用prettier.formatOnSave,否则和 ESLint 规则打架 -
Python(官方扩展):不只是语法高亮——没它,import numpy不提示、Ctrl+Click跳不到源码、调试器压根启动不了
设置里最容易被忽略的两个开关
很多人调了一堆 JSON 配置,却漏掉图形界面里两个按钮,结果始终“感觉不对劲”。它们不写在 settings.json 里,而是 UI 开关,且默认关闭。
-
Files: Auto Save→ 设为afterDelay(别选off,也别选onFocusChange,后者在切 Tab 时乱保存) -
Editor: Render Whitespace→ 设为boundary(只显示行尾空格和缩进差异,避免满屏点影响阅读) - 顺手检查:
Files: Insert Final Newline和Files: Trim Trailing Whitespace建议都开——团队协作时 Git diff 干净很多
路径、编码、换行符这些细节,等你第一次遇到 Cannot find module './xxx' 或中文注释变乱码,再回头调就晚了。先按上面四步走通,比纠结主题配色实在得多。










