阅读 4231

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

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

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

关注下面的标签,发现更多相似文章
评论