VS Code主题、插件一揽子推荐

主题

Theme | Vitesse Theme Font | Operator Mono（2022/09/29更新，预览图未更新）、 Input Mono、Fira Code、方正聚珍新仿简体（下载方正官方正版字体，使用 FontCreator 加粗） File Icons | [Gruvbox Material Icon Theme

](https://marketplace.visualstudio.com/items?itemName=JonathanHarty.gruvbox-material-icon-theme)Product Icons | Carbon Product Icons

插件

name	item name in marketplace	remark	个性化配置	后续
[[别名路径跳转]]	lihuiwang.vue-alias-skip	鼠标移动到路径上，按住Ctrl并单击就会跳转	ㅤ	ㅤ
[[翻译(英汉词典)]]	CodeInChinese.EnglishChineseDictionary	悬浮单词上显示翻译、在状态栏中显示选中词的释义，支持驼峰和下划线命名查询	ㅤ	已替换为 Code Translate <br>w88975.code-translate <br>
[[驼峰翻译助手]]	svenzhao.var-translation	驼峰变量翻译	快捷键：Shift+Alt+T	ㅤ
[[Auto Close Tag]]	formulahendry.auto-close-tag	自动关闭标签	ㅤ	ㅤ
[[Auto Rename Tag]]	formulahendry.auto-rename-tag	自动重命名标签	ㅤ	ㅤ
[[Better Comments]]	aaron-bond.better-comments	不同颜色的注释	ㅤ	ㅤ
[[Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code]]	MS-CEINTL.vscode-language-pack-zh-hans	简体中文	ㅤ	ㅤ
[[Code Runner]]	formulahendry.code-runner	运行各种语言代码	ㅤ	ㅤ
[[Code Spell Checker]]	streetsidesoftware.code-spell-checker	拼写检查	ㅤ	ㅤ
[[collapse-node_modules]]	haoxf.collapse-node-modules	快速关闭长长的node_modules文件夹	ㅤ	ㅤ
[[Color Highlight]]	naumovs.color-highlight	颜色值高亮，高亮颜色是对应值得颜色	ㅤ	ㅤ
[[compareit]]	in4margaret.compareit	文件diff	ㅤ	ㅤ
[[CSS Peek]]	pranaygp.vscode-css-peek	CSS属性快速跳转	ㅤ	ㅤ
[[Error Lens]]	usernamehw.errorlens	直接显示每行报错信息	ㅤ	ㅤ
[[File Nesting Updater]]	antfu.file-nesting	根目录文件收纳	ㅤ	ㅤ
[[GitHub Copilot]]	GitHub.copilot	AI帮写代码，程序员的好帮手，超好用	修改快捷键，搜索editor.action.inlineSuggest.commit，将Tab修改为Tab+1，以免Tab键冲突点击加入体验	ㅤ
[[Git Graph]]	mhutchie.git-graph	Git	ㅤ	ㅤ
[[Git History]]	donjayamanne.githistory	Git历史	ㅤ	ㅤ
[[GitLens — Git supercharged]]	eamodio.gitlens	可以显示每一行的git信息（提交信息、提交人、时间）	ㅤ	ㅤ
[[highlight-icemode]]	iceliu.highlight-icemode	高亮对应HTML标签	ㅤ	ㅤ
[[Image preview]]	kisstkondoros.vscode-gutter-preview	图片预览	ㅤ	ㅤ
[[Import Cost]]	wix.vscode-import-cost	显示引入包的大小	ㅤ	ㅤ
[[IntelliSense for CSS class names in HTML]]	Zignd.html-css-class-completion	不用费力想class名了	ㅤ	ㅤ
[[IntelliCode]]	VisualStudioExptTeam.vscodeintellicode	智能提示	ㅤ	ㅤ
[[Git File History]]	pomber.git-file-history	可视化展示任一commit时刻的代码	ㅤ	ㅤ
[[javascript console utils]]	whtouche.vscode-js-console-utils	选中一个变量，快速生成一行打印信息	Ctrl+Shift+L	ㅤ
[[LeetCode]]	LeetCode.vscode-leetcode	LeetCode	ㅤ	ㅤ
[[Live Server]]	ritwickdey.LiveServer	可以热更新运行代码	ㅤ	ㅤ
[[Local History]]	xyz.local-history	保存所有代码记录（误操作Git后可救命）	ㅤ	ㅤ
[[Markdown All in One]]	yzhang.markdown-all-in-one	markdown	ㅤ	ㅤ
[[Markdown Preview Enhanced]]	shd101wyy.markdown-preview-enhanced	markdown	ㅤ	ㅤ
[[Minimalist Product Icon Theme]]	ElAnandKumar.el-vsc-product-icon-theme	Product Icon Theme	ㅤ	ㅤ
[[Path Intellisence]]	christian-kohler.path-intellisense	路径提示	ㅤ	ㅤ
[[Polacode-2020]]	jeff-hykin.polacode-2019	代码截图	ㅤ	ㅤ
[[Postcode]]	rohinivsenthil.postcode	在VS Code里调接口	ㅤ	ㅤ
[[Project Manager]]	alefragnani.project-manager	项目管理	ㅤ	ㅤ
[[Smart Clicks]]	antfu.smart-clicks	双击快速选中对应代码/代码块	ㅤ	ㅤ
[[Sort JSON objects]]	richie5um2.vscode-sort-json	JSON排序	ㅤ	ㅤ
[[Stats Bar]]	njzy.stats-bar	显示内存网速信息	ㅤ	ㅤ
[[Tabnine AI Autocomplete]]	TabNine.tabnine-vscode	AI提示	ㅤ	ㅤ
[[TODO Highlight]]	wayou.vscode-todo-highlight	TODO高亮	ㅤ	ㅤ
[[Todo Tree]]	Gruntfuggly.todo-tree	显示项目所有TODO	ㅤ	ㅤ
[[Trailing Spaces]]	shardulm94.trailing-spaces	高亮空格	ㅤ	ㅤ
[[V2EX Playground]]	chaselen.v2ex-playground	V2EX	ㅤ	ㅤ
[[Vitesse Theme]]	antfu.theme-vitesse	好看的主题	浅色、深色等四种主题，我在使用Vitesse Dark Soft	ㅤ
[[Vue Jump to Tag]]	andersonmfjr.vue-jumptotag	快速跳转至template、script、style标签	安装后配置键盘快捷方式，搜索 extension.jumpto ，给这三个依次配置一下快捷键。我配置了 template 和 script 标签的快捷键，Shift+Alt+T 、Shift+Alt+S，供参考。	ㅤ
[[Vloar]]	Vue.volar	Vue3 必备插件	ㅤ	ㅤ
[[WakaTime]]	WakaTime.vscode-wakatime	记录写代码的时长	ㅤ	ㅤ
[[Weixin Read]]	goobyter.vscode-weixin-read	Weixin Read	ㅤ	ㅤ
[[Warm Light Theme]]	xunlu.warm-light	亮色主题	ㅤ	ㅤ

更新日志：

2022/06/21 去除 Vue Peek 插件，该插件会导致无法正确跳转至引入的 Vue 单文件；新增 *Git File History** 插件；新增 javascript console utils 快捷键。

2022/09/29 将 翻译(英汉词典) 替换为 Code Translate ，更好用；新增 Warm Light Theme 主题；新增 Operator Mono 字体。

LICENSE

MIT

本文 GitHub 仓库地址：nanvon/vscode-settings