一器破萬法，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

本文章隨時更新，碼字不易，喜歡的小夥伴能夠請我喝杯奶茶