vscode插件辅助工具

200 阅读1分钟
Vetur

VSCode里安装Vetur可以将“.vue”文件中的语法进行高亮显示, Vetur不仅支持Vue中的template模板以外,还支持大多数主流的前端开发脚本和插件, 比如Sass、TypeScript、Jade和Less等等

Vue VSCode Snippets

生成Vue模板代码使用大全 ==》 自定义模板 比如这个时候你想生成一些注释什么的

Path Intellisense

图片地址路径提示插件

open in browser

更改运行后打开的默认浏览器 安装成功后右击会显示open in default browser,快捷键为ALT+B

文件–>首选项—>设置,搜索open-in-browser.default,在设置框中输入Chrome

JavaScript (ES6) code snippets

es ==》import 快速生成器

用于 Vs Code 编辑器的 ES6 语法中的 JavaScript 代码片段(同时支持 JavaScript 和 TypeScript。

HTML CSS Support

智能提示CSS类名以及id

Beautify css/sass/scss/less

美化css/sass/scss/less看起来层级更显得鲜明

Auto Rename Tag

在开始标记的结束括号中键入后,将自动插入结束标记

Auto Close Tag

自动补全结束标签

Live Server 浏览器自动刷新

标准HTML页面浏览器自动刷新 修改默认的浏览器在插件的manage->extension settings->live server>custom browser-chrome(或其它)

☆☆☆☆☆赞赏作者☆☆☆☆☆

image.png