零基础入门VSCode编辑器使用技巧-VSCode-PHP中文网

vscode默认不自动保存也不自动格式化，必须同时开启files.autosave和editor.formatonsave，并为每种语言单独配置editor.defaultformatter，缺一不可。

零基础入门vscode编辑器使用技巧

VSCode 不是装完就能高效用起来的编辑器，尤其对零基础用户，卡在「写完代码不知道怎么运行」「改了设置没反应」「插件装了一堆但功能不生效」这三类问题上最常见。核心在于：它默认只做编辑，其他事全靠配置和扩展配合，且路径、权限、语言环境稍有偏差就会静默失败。

VSCode 默认新建的是 Untitled-1 临时文件，没有后缀名，因此不会触发语法高亮、代码补全、格式化等语言相关功能。它也不会自动保存到磁盘——关掉窗口就丢内容。

新建文件后立刻按 Ctrl + S，弹出保存对话框时必须手动加上后缀，比如 index.html、main.py、app.js
不要把项目放在中文路径下（如 桌面\我的项目 或 D:\编程工具\vscode-demo），否则 Python/Go/C 等扩展可能无法定位解释器或编译器
如果保存后仍无语法高亮，右下角状态栏点击语言标识（如 “Plain Text”），手动选择对应语言，比如 “JavaScript”、“Python”

这是安装时没勾选「Add to PATH」导致的。VSCode 安装包里那个选项不是可有可无的装饰，而是决定你能否在任意目录下用命令行快速打开编辑器的关键。

VSCode

避免常见的 VSCode 错误——设置冲突、调试器配置和扩展冲突。

下载

重装 VSCode，安装向导中务必勾选 Add to PATH (available after restart)
安装完重启电脑（仅重启终端不够），再在 PowerShell 或 CMD 中输入 code -v，能输出版本号才算成功
如果已安装但漏选，可以手动把 VSCode 的安装目录（通常是 C:\Users\{用户名}\AppData\Local\Programs\Microsoft VS Code\bin）加进系统环境变量 PATH
Ctrl + ` 打不开终端？检查是否被输入法或全局快捷键冲突，可在 Settings → Keyboard Shortcuts 搜索 toggle terminal 查看绑定

插件只是“说明书”，不是“执行引擎”。比如 Python 插件本身不带 Python 解释器，它只是帮你找到你本机已安装的 python.exe；Live Server 插件也不自带服务器，它调用的是本地 Node.js 的 http-server 或内置静态服务。

Python 用户：先确认本机已安装 Python（命令行输 python --version 能返回版本），再在 VSCode 中按 Ctrl + Shift + P 输入 Python: Select Interpreter，从列表里选一个真实存在的路径
HTML 预览：装 Live Server 插件后，右键 HTML 文件 → Open with Live Server，而不是双击用浏览器打开——后者无法加载本地 JS/CSS，也看不到控制台错误
插件启用后需重启文件或重新打开文件夹，部分语言支持（如 C/C++）还要求在项目根目录手动创建 .vscode/c_cpp_properties.json 配置头文件路径

VSCode 的自动保存（files.autoSave）和代码格式化（editor.formatOnSave）是两个独立开关，且格式化依赖语言扩展是否提供格式化器。很多新手以为开了自动保存就等于“自动整理代码”，其实不是。

打开设置（Ctrl + ,），搜索 format on save，勾选 Editor: Format On Save
再搜索 default formatter，为每种语言指定格式化器，例如 JavaScript 选 esbenp.prettier-vscode，Python 选 ms-python.python
缩进问题常因文件已有混合空格/Tab，或编辑器读错了文件的 editor.detectIndentation。可右下角点击缩进显示（如 “Spaces: 2”），手动改成目标值，再点“Convert Indentation to Spaces”统一

最常被忽略的一点：VSCode 的设置分「用户级」和「工作区级」，你在某个项目里改的配置，很可能只对那个文件夹生效。想全局生效，一定确认当前修改的是 User Settings，而不是刚打开的某个项目里的 .vscode/settings.json。