VScode必备插件大全

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

1、JavaScript(ES6) code snippets

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

VScode必备插件大全_第1张图片

2、Auto Close Tag

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

VScode必备插件大全_第2张图片

3、Auto Rename Tag

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

VScode必备插件大全_第3张图片

4、Color Info

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

VScode必备插件大全_第4张图片

5、HTML CSS Support

智能提示 CSS 类名以及 id 名

VScode必备插件大全_第5张图片

6、npm Intellisense 

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

VScode必备插件大全_第6张图片

7、Terminal 

编辑器中内嵌一个似 cmd 终端程序,直接在编辑器中运行终端命令VScode必备插件大全_第7张图片

8、Vetur 

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

VScode必备插件大全_第8张图片

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 

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

VScode必备插件大全_第9张图片

18、IntelliSense for CSS class names in HTML 

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

VScode必备插件大全_第10张图片

19、 Beautify css/sass/scss/less

美化CSS,SASS和更少的代码

VScode必备插件大全_第11张图片

 20、Better Comments

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

VScode必备插件大全_第12张图片

 

你可能感兴趣的:(Vscode,vscode,编辑器,vue.js,javascript)