配置 VS Code 应从基础设置起步,逐步添加语言扩展(如 Python、JS/TS、Web 开发及通用提效插件),编辑 settings.json 启用自动格式化、统一缩进等,优先使用项目级 .vscode/settings.json 保障团队一致性,并掌握 Ctrl+P、Ctrl+Shift+P 等高频快捷键,定期优化扩展与配置。

配置 VS Code 以进行开发,核心是让编辑器贴合你的语言、工作流和团队规范。不需要一步到位,从基础设置开始,逐步叠加关键插件和配置即可。
安装必要扩展(Extensions)
VS Code 的强大依赖于扩展。根据你主要使用的语言或框架安装对应工具:
- Python:官方 Python 扩展(含 Pylance、调试、Jupyter 支持)
- JavaScript/TypeScript:ESLint、Prettier、Auto Import、Import Sorter
- Web 开发:Live Server(一键启动本地服务)、Color Highlight(高亮 CSS 颜色)
- 通用提效:Bracket Pair Colorizer(括号配对着色)、TODO Tree(集中查看 TODO 注释)
配置 settings.json 实用项
打开命令面板(Ctrl+Shift+P),输入 Preferences: Open Settings (JSON),直接编辑配置文件。推荐添加这些常用项:
- "editor.formatOnSave": true —— 保存时自动格式化代码
- "editor.tabSize": 2 —— 统一缩进为 2 空格(按需改为 4 或 tab)
- "files.autoSave": "onFocusChange" —— 切换文件时自动保存
- "editor.suggest.snippetsPreventQuickSuggestions": false —— 允许在代码片段中继续触发智能提示
项目级配置优先于全局
在项目根目录下新建 .vscode/settings.json,写入仅对该工程生效的设置。比如:
- 指定 Python 解释器路径(避免每次手动选)
- 关闭某项目中不需要的检查(如 "python.linting.enabled": false)
- 设置特定文件的默认格式化器(如 Markdown 用 Remark)
这样既保持个人习惯,又不影响团队协作一致性。
1、演示:以截图为准 2、安装说明: 1,运行 你的域名/install/index.php填写相关信息进行安装, 2,安装后运行 你的域名/dede进入后台--系统--数据备份/还原---点击右上数据还原---开始还原数据 3, 系统--系统基本设置--站点设置--域名改为你的域名(否则显示不正常) 这一步很重要 更新主页HTML 更新栏目HTML 更新文档HT
快捷键与命令快速上手
不必死记硬背,先掌握高频操作:
- Ctrl+P —— 快速打开文件(支持模糊搜索)
- Ctrl+Shift+P —— 打开命令面板(几乎所有功能入口)
- Ctrl+Shift+F —— 全局搜索(支持正则和文件类型过滤)
- Alt+↑/↓ —— 行上下移动(调整代码顺序极快)
用熟这四个,日常效率提升明显。
基本上就这些。不复杂但容易忽略的是:定期清理不用的扩展、同步 settings.json 到团队、以及善用工作区(.code-workspace)管理多项目。配置不是一次性的任务,而是随开发节奏持续微调的过程。









