VScode必备插件大全

       为了高效率的工作,我们在使用vScode的是时候,经常会用到一些好用的插件;现在就个人喜欢的插件分享给大家,欢迎点赞加收藏;

1、JavaScript(ES6) code snippets

ES6 语法智能提示及快速输入,不仅仅支持 .js,还支持.ts,.jsx,.tsx,.html,.vue

2、Auto Close Tag

自动闭合 HTML / XML 标签,非常快速的编写 HTML 代码

3、Auto Rename Tag

自动完成 HTML / XML 另一侧标签的同步修改,非常方便

4、Color Info

提供你在 CSS 中使用颜色的相关信息,悬停光标,就可以预览色块中色彩模型

5、HTML CSS Support

智能提示 CSS 类名以及 id 名

扫描二维码关注公众号,回复: 16982190 查看本文章

6、npm Intellisense 

npm 装包后,require 时的包智能提示,import 语句中自动填充 npm 模块

7、Terminal 

编辑器中内嵌一个似 cmd 终端程序,直接在编辑器中运行终端命令

8、Vetur 

Vue 多功能集成插件,包括:语法高亮,智能提示,emmet,错误提示,格式化,自动补全,debugger

9、ES7 React/Redux/GraphQL/React-Native snippets

语法智能提示,React 开发者必备

在这里插入图片描述

10、Markdown Preview Enhanced 

实时预览 Markdown

在这里插入图片描述

11、code spell checker 

检查你的英文单词拼写是否有误

在这里插入图片描述

12、ESLint

javaScript 语法纠错

在这里插入图片描述

13、HTML Snippets 

智能提示 HTML 标签,以及标签的含义

在这里插入图片描述

14、Power Mode 

打字炫酷特效震动光效插件

在这里插入图片描述

15、Output Colorizer 

输出提示的文字颜色有一些变化

在这里插入图片描述

16、WakaTime 

记录每天编程所花的时间,它可以帮助记录和存储有关编程活动的指标和分析

在这里插入图片描述

17、Path Intellisense 

插件自动提示文件路径,支持各种文件快速引入,非常方便

18、IntelliSense for CSS class names in HTML 

能够基于工作区内的定义将HTML中CSS class的名字补全

19、 Beautify css/sass/scss/less

美化CSS,SASS和更少的代码

 20、Better Comments

使注释有人性化的高亮显示,团队中非常适用,突出重点提示

猜你喜欢

转载自blog.csdn.net/qqjuanqq/article/details/127282840
今日推荐