一器破万法，vscode常（摸）用(鱼)插件整理，随时更新，做死

vscode当真是甜品级编辑器，写一篇文章，好东西与你们分享，记得给我点赞啊

1、摸鱼系列

开头即王炸，谁TM写代码，上班钓鱼不是梦

一、容许 VSCode看知乎，使用 Markdown 写答案，并在内部发布答案

Zhihu On VSCode

二、听歌插件

VSC Netease Music

三、看小说插件

epub reader
//ctrl+3激活

四、追番插件

daily anime

五、看NBA文字直播

yanba

六、番剧、小说、音乐都齐了，如今轮到游戏啦！

小黑盒

七、韭菜的自我修养：股市

Stock Watch

八、 沙雕的程序员鼓励师

超级鼓励师

还有超越鼓励师

划重点：当心被开除

言归正传，下面列的是没用的插件

2、通用插件

一、协同，实时写代码

Live Share
非用好用的神器，这货是微软自家出的实时协做插件,有用过石墨文档或者腾讯文档的没?差很少那样了

二、备忘，标记插件

TODO Highlight

三、显示导入包的大小

Import Cost

四、自动生成假数据

random
//CTRL+SHIFT+P,输入random：选择数据

五、查看git修改记录

GitLens

六、快捷输入标题

Document This
设置：
 "docthis.includeAuthorTag": true,//出现@Author
 "docthis.includeDescriptionTag": true,//出现@Description
 "docthis.authorName": "shenzekun",//做者名字
快捷键： 按两次Ctrl+alt+d

七、快速注释

Document This

八、书签功能，支持跳转

Bookmarks
//ctrl+alt+k 标记位置，ctrl+alt+l 跳转标记位置

九、突出目前的缩进深度

Indenticator

十、鼠标移到路径里显示图像预览

Image Preview

十一、终端输出提示的文字颜色有一些变化，方便获取关键信息

Output Colorizer

十二、路径自动补全（必备）

Path Intellisense

1三、目录树图标

vscode-icons

1四、高亮匹配标签

highlight-matching-tag

1五、格式化javascript，JSON，CSS，Sass，和HTML

Beautify

1六、颜色识别匹配括号

Bracket Pair Colorizer

3、vue相关

一、语法高亮、智能感知

vetur

二、vue代码片断

VueHelper

三、vue 2代码片断

Vue 2 Snippets

4、html相关

一、html代码检测

htmlhint

二、html 代码片断（必备）

HTML Snippets

三、智能提示HTML class =“”属性（必备）

Class autocomplete for HTML

四、在 html 标签上写class 智能提示当前项目所支持的样式（必备）

HTML CSS Support

五、自动重命名配对的HTML / XML标签(必备)

Auto Rename Tag

六、自动添加HTML / XML关闭标签（必备）

Auto Close Tag

七、能够在选中HTML标签中外面套一层标签

htmltagwrap
使用：选择一大段代码，而后按“Alt + W”

5、css相关

一、写 sass 必备

Sass

二、在 SCSS 中建立变量,引入定义的$

SCSS IntelliSense

三、智能提示 css 的 class 名

IntelliSense for CSS class names

四、可以查看CSS ID和类的字符串做为HTML文件中相应的CSS定义（必备）

css peek

6、js相关

一、es6代码片断（必备）

JavaScript (ES6) code snippets

二、js代码片断（必备）

JavaScript Snippet Pack

三、能够在导入语句中自动完成JavaScript / TypeScript模块。

Node.js Modules Intellisense

四、格式化JavaScript / TypeScript / CSS 。

Prettier

7、好看的主题

一、Monokai Pro

本文章随时更新，码字不易，喜欢的小伙伴能够请我喝杯奶茶