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

8,223 阅读3分钟

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

八、2020-5-11号更新

1、快速生成正则

any-rule

一、开除作死系列

开头即王炸,谁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

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