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

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

一、摸鱼系列

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

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

Zhihu On VSCode

2、听歌插件

VSC Netease Music

3、看小说插件

epub reader
//ctrl+3激活

4、追番插件

daily anime

5、看NBA文字直播

yanba

6、番剧、小说、音乐都齐了，现在轮到游戏啦！

小黑盒

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

Stock Watch

8、 沙雕的程序员鼓励师

超级鼓励师

还有超越鼓励师

划重点：小心被开除

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

二、通用插件

1、协同，实时写代码

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

2、备忘，标记插件

TODO Highlight

3、显示导入包的大小

Import Cost

4、自动生成假数据

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

5、查看git修改记录

GitLens

6、快捷输入标题

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

7、快速注释

Document This

8、书签功能，支持跳转

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

9、突出目前的缩进深度

Indenticator

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

Image Preview

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

Output Colorizer

12、路径自动补全（必备）

Path Intellisense

13、目录树图标

vscode-icons

14、高亮匹配标签

highlight-matching-tag

15、格式化javascript，JSON，CSS，Sass，和HTML

Beautify

16、颜色识别匹配括号

Bracket Pair Colorizer

三、vue相关

1、语法高亮、智能感知

vetur

2、vue代码片段

VueHelper

3、vue 2代码片段

Vue 2 Snippets

四、html相关

1、html代码检测

htmlhint

2、html 代码片段（必备）

HTML Snippets

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

Class autocomplete for HTML

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

HTML CSS Support

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

Auto Rename Tag

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

Auto Close Tag

7、可以在选中HTML标签中外面套一层标签

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

五、css相关

1、写 sass 必备

Sass

2、在 SCSS 中创建变量,引入定义的$

SCSS IntelliSense

3、智能提示 css 的 class 名

IntelliSense for CSS class names

4、能够查看CSS ID和类的字符串作为HTML文件中相应的CSS定义（必备）

css peek

六、js相关

1、es6代码片段（必备）

JavaScript (ES6) code snippets

2、js代码片段（必备）

JavaScript Snippet Pack

3、可以在导入语句中自动完成JavaScript / TypeScript模块。

Node.js Modules Intellisense

4、格式化JavaScript / TypeScript / CSS 。

Prettier

七、好看的主题

1、Monokai Pro

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