我的 VSCode 配置
我的 VSCode 配置
分享一下我的 VSCode 配置和推荐的扩展。
设置相关
开启自动保存
在设置中找到 Files: Auto Save 并设置为 afterDelay。这样，编辑器会自动在配置的延迟 (默认为 1000 毫秒) 后保存文件，这个延迟可以在 Files: Auto Save Delay 中修改。
调整字体大小
在设置中找到 Editor: Font Size 并设置为 20。这样，编辑器的字体大小会调整为 20 像素。
禁用通过拖放来移动选中内容
在设置中找到 Editor: Drag And Drop 并将它取消勾选。因为我经常会不小心拖动选中内容，导致代码混乱。
启用括号对指南
在设置中找到 Editor › Guides: Bracket Pairs 并设置为 true。这样，编辑器会在括号对之间显示一条指南。
启用 HTML 标签关联编辑
在设置中找到 Editor: Linked Editing 并设置为 true。这样，当你在 HTML 文件中编辑一个标签时，与之关联的标签也会自动被编辑。
平滑动画相关
在设置中找到 Editor: Smooth Scrolling 并将它勾选上。这样，编辑器在滚动时会使用平滑滚动效果。
在设置中找到 Editor: Cursor Blinking 并设置为 smooth。这样，编辑器的光标会使用平滑闪烁效果。
在设置中找到 Editor: Cursor Smooth Caret Animation 并设置为 on。这样，编辑器会有平滑插入动画。
在设置中找到 Workbench>List: Smooth Scrolling 并将它勾选上。这样，编辑器在滚动列表时会使用平滑滚动效果。
在设置中找到 Terminal › Integrated: Smooth Scrolling 并将它勾选上。这样，终端在滚动时会使用平滑滚动效果。
调整建议列表中预先选择最近使用过的建议
在设置中找到 Editor: Suggest Selection 并设置为 recentlyUsed。这样，编辑器会在建议列表中预先选择最近使用过的建议。
设置对话框样式
在设置中找到 Window: Dialog Style 并设置为 custom。这样，编辑器会使用自定义对话框样式。
禁用通过拖放来移动文件和文件夹
在设置中找到 Explorer: Enable Drag And Drop 并取消勾选。因为我经常会不小心拖动文件和文件夹，导致文件混乱。
设置 Git Auto Stash
在设置中找到 Git: Auto Stash 并将它勾选。这样，编辑器会在拉取前暂存所有更改，在成功拉取后还原这些更改。
设置 Git Auto Fetch
在设置中找到 Git: Auto Fetch 并将它设置为 true。这样，编辑器会自动从远程仓库获取更新。
设置终端光标样式
在设置中找到 Terminal › Integrated: Cursor Blinking 并将它勾选。这样，终端的光标会闪烁。
在设置中找到 Terminal › Integrated: Cursor Style 并将它设置为 line。这样，终端的光标在聚焦时会显示为一条线。
在设置中找到 Terminal › Integrated: Cursor Style Inactive 并将它设置为 none。这样，终端的光标在失去焦点时会消失。
扩展推荐
翻译 (英汉词典)
下载地址：翻译 (英汉词典)。
功能：翻译英文单词，支持开启鼠标悬停翻译功能。
Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code
下载地址：Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code。
功能：VSCode 简体中文语言包。
Code Spell Checker
下载地址：Code Spell Checker。
功能：检查代码中的单词拼写错误。
GitHub Copilot
下载地址：GitHub Copilot。
功能：AI 代码自动补全、聊天、自动注释。
Error Lens
下载地址：Error Lens。
功能：在编辑器中高亮显示错误和警告。
One Dark Pro
下载地址：One Dark Pro。
功能：One Dark Pro 主题，我最喜欢的 VSCode 主题。
vscode-icons
下载地址：vscode-icons。
功能：在编辑器中显示图标，使文件和文件夹更易于识别。
CodeSnap
下载地址：CodeSnap。
功能：代码截图工具，可以快速截图并保存到剪贴板或本地文件。
ESLint
下载地址：ESLint。
功能：JavaScript 和 TypeScript 代码检查工具。
相关文章：前端代码规范。
Prettier - Code formatter
下载地址：Prettier - Code formatter。
功能：代码格式化工具，支持多种编程语言。
相关文章：前端代码规范。
Image preview
下载地址：Image preview。
功能：在编辑器中预览代码中引入的图片。
Live Server
下载地址：Live Server。
功能：在本地启动一个服务器，实时预览 HTML 文件。
Stylelint
下载地址：Stylelint。
功能：CSS 代码检查工具。
相关文章：前端代码规范。
Vue - Official
下载地址：Vue - Official。
功能：Vue.js 开发工具，支持语法高亮、代码补全、错误检查等功能。
PicGo
下载地址：PicGo。
功能：PicGo 插件，支持将图片上传到图床。
Color Highlight
下载地址：Color Highlight。
功能：在编辑器中高亮显示颜色代码。
Path Intellisense
下载地址：Path Intellisense。
功能：在编辑器中自动补全文件路径。