vscode 插件

记录并推荐一下我安装的 vscode 插件

小技巧:
重置 vscode 用户设置,打开以下路径,清空其中全部内容即可。

%APPDATA%\Code\User\settings.json

必备

翻译(英汉词典)

ID: codeinchinese.englishchinesedictionary
说明:不依赖任何在线翻译 API,无查询次数限制。英语救星
VS Marketplace 链接:https://marketplace.visualstudio.com/items?itemName=CodeInChinese.EnglishChineseDictionary

Chinese (Simplified) Language Pack for Visual Studio Code

ID: ms-ceintl.vscode-language-pack-zh-hans
说明:简体中文语言包
VS Marketplace 链接:https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-zh-hans

颜色主题

Dracula Official

ID: dracula-theme.theme-dracula
说明:暗黑风格主题
VS Marketplace 链接:https://marketplace.visualstudio.com/items?itemName=dracula-theme.theme-dracula

Horizon Theme

ID: jolaleye.horizon-theme-vscode
说明:猛男粉配色主题
VS Marketplace 链接:https://marketplace.visualstudio.com/items?itemName=jolaleye.horizon-theme-vscode

Nebula Theme

ID: chirtlelovesdolls.nebula-theme
说明:一款偏紫黑风格的颜色主题
VS Marketplace 链接:https://marketplace.visualstudio.com/items?itemName=ChirtleLovesDolls.nebula-theme

图标主题

Material Icon Theme

ID: pkief.material-icon-theme
说明:材质图标主题
VS Marketplace 链接:https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme

git 增强

Git Emoji Commit 中文版

ID: maixiaojie.git-emoji-zh
说明:给 git 提交添加 emoji 表情
VS Marketplace 链接:https://marketplace.visualstudio.com/items?itemName=maixiaojie.git-emoji-zh

Git Graph

ID: mhutchie.git-graph
说明:git 图形扩展
VS Marketplace 链接:https://marketplace.visualstudio.com/items?itemName=mhutchie.git-graph

Git History

ID: donjayamanne.githistory
说明:git 历史记录
VS Marketplace 链接:https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory

git-commit-plugin

ID: redjue.git-commit-plugin
说明:自动生成 git 提交信息
VS Marketplace 链接:https://marketplace.visualstudio.com/items?itemName=redjue.git-commit-plugin

markdown 写作

Markdown All in One

ID: yzhang.markdown-all-in-one
说明:md 语法增强插件
VS Marketplace 链接:https://marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one

Markdown Image

ID: hancel.markdown-image
说明:md 中图片插入增强插件
VS Marketplace 链接:https://marketplace.visualstudio.com/items?itemName=hancel.markdown-image

Markdown Preview Enhanced

ID: shd101wyy.markdown-preview-enhanced
说明:更好的 md 预览插件
VS Marketplace 链接:https://marketplace.visualstudio.com/items?itemName=shd101wyy.markdown-preview-enhanced

MarkdownFormat

ID: liushilive.markdownformat
说明:针对 md 格式的格式化插件
VS Marketplace 链接:https://marketplace.visualstudio.com/items?itemName=liushilive.markdownformat

markdownlint

ID: davidanson.vscode-markdownlint
说明:md 语法规范化
VS Marketplace 链接:https://marketplace.visualstudio.com/items?itemName=DavidAnson.vscode-markdownlint

markdown-formatter

ID: mervin.markdown-formatter
说明:对 md 格式进行格式化
VS Marketplace 链接:https://marketplace.visualstudio.com/items?itemName=mervin.markdown-formatter

前端

Auto Close Tag

ID: formulahendry.auto-close-tag
说明:自动闭合 html 标签
VS Marketplace 链接:https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag

Auto Rename Tag

ID: formulahendry.auto-rename-tag
说明:自动同步修改 html 标签
VS Marketplace 链接:https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag

open in browser

ID: techer.open-in-browser
说明:在浏览器中打开文件
VS Marketplace 链接:https://marketplace.visualstudio.com/items?itemName=techer.open-in-browser

Live Server

ID: ritwickdey.liveserver
说明:实时预览静态文件的简易服务器
VS Marketplace 链接:https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

其他

Image preview

ID: kisstkondoros.vscode-gutter-preview
说明:增强 vscode 中的图片预览插件
VS Marketplace 链接:https://marketplace.visualstudio.com/items?itemName=kisstkondoros.vscode-gutter-preview

joplin-vscode-plugin

ID: rxliuli.joplin-vscode-plugin
说明:直接在 vscode 中管理写作 joplin 文章
VS Marketplace 链接:https://marketplace.visualstudio.com/items?itemName=rxliuli.joplin-vscode-plugin

Open in Typora

ID: cyberbiont.vscode-open-in-typora
说明:在 Typora 中打开
VS Marketplace 链接:https://marketplace.visualstudio.com/items?itemName=cyberbiont.vscode-open-in-typora

PicGo

ID: spades.vs-picgo
说明:图床插件
VS Marketplace 链接:https://marketplace.visualstudio.com/items?itemName=Spades.vs-picgo

Prettier - Code formatter

ID: esbenp.prettier-vscode
说明:针对多种格式的格式化插件
VS Marketplace 链接:https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

TinyPNG

ID: andi1984.tinypng
说明:非常棒的图片压缩插件
VS Marketplace 链接:https://marketplace.visualstudio.com/items?itemName=andi1984.tinypng

vscode-hexo-utils

ID: fantasy.vscode-hexo-utils
说明:在 vscode 更加方便的使用 hexo
VS Marketplace 链接:https://marketplace.visualstudio.com/items?itemName=fantasy.vscode-hexo-utils

Better TOML

ID: bungcip.better-toml
说明:对 toml 格式文件添加高亮
VS Marketplace 链接:https://marketplace.visualstudio.com/items?itemName=bungcip.better-toml

Local History

ID: xyz.local-history
说明:给文件添加本地历史记录
VS Marketplace 链接:https://marketplace.visualstudio.com/items?itemName=xyz.local-history