VSCode 扩展使用说明
VSCode 扩展使用说明
以下是推荐的 VSCode 扩展:
语言包
Chinese (Simplified) Language Pack for Visual Studio Code
VSCode 原生为英文，本插件为 VSCode 提供简体中文支持，会更改页面为简体中文
外观
Bracket Pair Colorizer
为 VSCode 显示彩虹括号，在码代码时帮助判断匹配括号
indent-rainbow
为代码中的缩进上色，更容易判断缩进层数
Material Icon Theme
为 VSCode 文件图标应用安卓的 Material 主题
One Dark Pro
为添加一款类 Atom 的一款暗色风格主题，配色会比 VSCode 默认风格好看一些
TODO Highlight
高光显示特定注释，如 TODO: 等
工具
Bookmarks
在代码中添加书签并支持快速跳转
filesize
在 VSCode 底部状态栏显示文件大小
ProjectManager
快速打开特定项目或在多个项目之间切换
Settings Sync
可将本机的设置同步至 Github，实现配置的备份与跨机器同步
SVG Viewer
提供在 VSCode 直接打开 SVG 的快捷菜单与支持
版本管理与多人协作
提示
VSCode 不包含 Git，请自行安装 Git 并添加到 path 以实现版本管理。
Git History
提供 Git 历史查看，对比等高级功能
GitLens
在文件中提供 Git 版本增强功能，包括但不限于行历史、文件历史、分支查看、本地与远程库提交查看与对比分析等
Live Share
官方实时分享功能，可多人同时协作一份文件，也可做在线演示
Live Share Audio
官方实时语音通话，可在多人协作或演示中使用
网页
Ant Design Vue helper
为 Antd Vue 提供代码补全及提示
Beautify css/sass/scss/less
为 css 等层叠样式表提供格式化功能
Color Info
为 css 颜色详情显示更多信息
Debugger for Chrome
在 Chrome 中调试代码
ESLint
需要 eslint 模块，进行 JS、TS 等文件的的错误检查、格式化
IntelliSense for CSS class names in HTML
通过检索 link 的外部 css 提供自动补全 class，当使用 bootstrap 的时候超有用
Vetur
为 VSCode 添加 .vue 文件的支持
XML 与 JSON
json organizer
提供 json 到 js object 的相互转换
json Tools
提供压缩与缩进 JSON
XML Tools
提供 XML 补全、格式化等
PHP
PHP Debug
PHP 逐行调试，需要提前在 PHP 中配置好 XDebug
PHP Intelephense
提供 PHP 函数补全
phpcs
PHP 错误检查与修复
编程
C/C++
提供代码格式化、自动完成、逐行调试等功能等
Code Runner
提供多种编程语言的运行
Markdown
Markdown All in One
提供快速添加 Markdown 标记的支持
Markdown Emoji
为 Markdown 添加表情支持
Markdown Preview Github Style
为 Markdown 预览应用 Github 风格
markdownlint
检查 Markdown 文法错误
小程序
minapp
提供微信小程序标签、属性的智能补全
Node
Node.js Modules Intellisense
提供 nodeJS 模块智能提示
npm Intellisense
为 VSCode 添加 npm 模块导入补全
LaTeX
LaTeX Workshop
LaTeX 插件，支持常见功能与编译
latex-formatter
提供 LaTeX 格式化
其他
language-stylus
stylus 格式化，高亮支持
YAML
提供 YAML 格式化，高亮支持
LeetCode
代码学习练习软件