本文主要是介绍一器破万法，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

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

这篇关于一器破万法，vscode常（摸）用(鱼)插件整理，随时更新，作死的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！