vscode中好用的插件

1、Vetur

vscode中好用的插件_第1张图片        

        提供了代码补全、高亮等功能(这个不用多说了,必装的插件之一)

2、ESLint

vscode中好用的插件_第2张图片

        eslint是一个用于报告语法格式是否符合规范的工具,目的是为了提高代码的可读性和可维护性,它的原理是用AST去评估代码格式。特性是具有高可扩展性(可以自行添加规则)、完全可插入性(超好用!!!)

 如果某个页面不需要代码规范(上次搞百度富文本的时候,打包的代码不符合这个eslint的代码规范,报几千行红,虽然不影响运行,但看着很不爽)

vscode中好用的插件_第3张图片

 那么只需要在页面第一行写

/* eslint-disable */

 就OK了

vscode中好用的插件_第4张图片

 3、PHP Intelephense

vscode中好用的插件_第5张图片

 PHP代码提示工具,支付代码提示、查找定义、类搜索等功能。(vscode不像idea自带快速定位,vscode需要安装这个插件,就可以实现Ctrl+鼠标点击快速定位)

4、GitLens

vscode中好用的插件_第6张图片

 安装之后可以在工具左下角TimeLine查看项目提交记录、文件修改记录等等

vscode中好用的插件_第7张图片

还可以打开任意一个文件,点击任意一行代码,代码后面会显示本行代码的提交记录。

vscode中好用的插件_第8张图片

 5、HTML CSS Support

vscode中好用的插件_第9张图片

在编写样式表的时候,自动补全。

6、open in browser

vscode中好用的插件_第10张图片

 把编辑的HTML文件等用浏览器打开,查看效果。鼠标右击找到open in,如下

vscode中好用的插件_第11张图片

 7、Power Mode

vscode中好用的插件_第12张图片

 好看的打字特效!!!

①安装Power Mode

②打开设置,搜索“powermode.enable”

vscode中好用的插件_第13张图片

③搜索powermode,“powermode:Presets”

vscode中好用的插件_第14张图片

④特效自带的数字累加进度条不喜欢的话,可以按照下方关闭

搜索Powermode › Combo: Counter Enabled 和 Powermode › Combo: Timer Enabled

vscode中好用的插件_第15张图片

⑤自带的窗口抖动就挺烦的,关闭特效自带的窗口抖动,搜索Powermode › Shake: Intensity,设置为0

vscode中好用的插件_第16张图片

你可能感兴趣的:(开发工具,vscode,前端,javascript)