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

南枫Von
May 25, 2022
Last edited: 2022-9-29
type
Post
status
Published
date
May 25, 2022
slug
summary
我正在使用的一些VS Code主题、插件
tags
前端
编程
工具
category
软件工具
icon
password
Property
Sep 29, 2022 03:18 AM

主题

Theme | Vitesse Theme Font | Operator Mono(2022/09/29更新,预览图未更新)、 Input MonoFira Code方正聚珍新仿简体(下载方正官方正版字体,使用 FontCreator 加粗) File Icons | Gruvbox Material Icon Theme Product Icons | Carbon Product Icons
notion image
notion image
notion image
notion image

插件

name
item name in marketplace
remark
个性化配置
后续
lihuiwang.vue-alias-skip
鼠标移动到路径上,按住Ctrl并单击就会跳转
CodeInChinese.EnglishChineseDictionary
悬浮单词上显示翻译、在状态栏中显示选中词的释义,支持驼峰和下划线命名查询
已替换为 Code Translate w88975.code-translate
svenzhao.var-translation
驼峰变量翻译
快捷键:Shift+Alt+T
formulahendry.auto-close-tag
自动关闭标签
formulahendry.auto-rename-tag
自动重命名标签
aaron-bond.better-comments
不同颜色的注释
MS-CEINTL.vscode-language-pack-zh-hans
简体中文
formulahendry.code-runner
运行各种语言代码
streetsidesoftware.code-spell-checker
拼写检查
haoxf.collapse-node-modules
快速关闭长长的node_modules文件夹
naumovs.color-highlight
颜色值高亮,高亮颜色是对应值得颜色
in4margaret.compareit
文件diff
pranaygp.vscode-css-peek
CSS属性快速跳转
usernamehw.errorlens
直接显示每行报错信息
antfu.file-nesting
根目录文件收纳
GitHub.copilot
AI帮写代码,程序员的好帮手,超好用
修改快捷键,搜索editor.action.inlineSuggest.commit,将Tab修改为Tab+1,以免Tab键冲突 点击加入体验
mhutchie.git-graph
Git
donjayamanne.githistory
Git历史
eamodio.gitlens
可以显示每一行的git信息(提交信息、提交人、时间)
iceliu.highlight-icemode
高亮对应HTML标签
kisstkondoros.vscode-gutter-preview
图片预览
wix.vscode-import-cost
显示引入包的大小
Zignd.html-css-class-completion
不用费力想class名了
VisualStudioExptTeam.vscodeintellicode
智能提示
pomber.git-file-history
可视化展示任一commit时刻的代码
whtouche.vscode-js-console-utils
选中一个变量,快速生成一行打印信息
Ctrl+Shift+L
LeetCode.vscode-leetcode
LeetCode
ritwickdey.LiveServer
可以热更新运行代码
xyz.local-history
保存所有代码记录(误操作Git后可救命)
yzhang.markdown-all-in-one
markdown
shd101wyy.markdown-preview-enhanced
markdown
ElAnandKumar.el-vsc-product-icon-theme
Product Icon Theme
christian-kohler.path-intellisense
路径提示
jeff-hykin.polacode-2019
代码截图
rohinivsenthil.postcode
在VS Code里调接口
alefragnani.project-manager
项目管理
antfu.smart-clicks
双击快速选中对应代码/代码块
richie5um2.vscode-sort-json
JSON排序
njzy.stats-bar
显示内存网速信息
TabNine.tabnine-vscode
AI提示
wayou.vscode-todo-highlight
TODO高亮
Gruntfuggly.todo-tree
显示项目所有TODO
shardulm94.trailing-spaces
高亮空格
chaselen.v2ex-playground
V2EX
antfu.theme-vitesse
好看的主题
浅色、深色等四种主题,我在使用Vitesse Dark Soft
andersonmfjr.vue-jumptotag
快速跳转至template、script、style标签
安装后配置键盘快捷方式,搜索 extension.jumpto ,给这三个依次配置一下快捷键。我配置了 template 和 script 标签的快捷键,Shift+Alt+T 、Shift+Alt+S,供参考。
Vue.volar
Vue3 必备插件
WakaTime.vscode-wakatime
记录写代码的时长
takayama.vscode-qq
QQ
goobyter.vscode-weixin-read
Weixin Read
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
 
如何处理并利用好书摘笔记ElementPlus日期组件设置一周起始日
  • Waline
  • Cusdis