本文章适用于 前端 开发的小伙伴
1、VS Color Picker(个人用了一段时间卸载)
一款window 窗口颜色吸管颜色,具体使用方法看插件动画说明。
使用方法:(在需要写颜色的地方 ,先按一个 # 号,就会弹出 如下图所示的 选择框)
2、View In Browser
在vscode html页面 直接打开浏览器预览,虽然现在大多用用构建工具开发了,这个功能还是不错的。
使用方法:ctrl+F1 (有的笔记不好用,请自行调节电脑的键盘设置)
3、 Auto Close Tag
自动闭合标签,写完前半部分,后半自动补全
4、 Auto Rename Tag
有时候标签写错了,或者换一个,是不是要修改2次?改完前半部分,再改后半部分,OK,有了这个插件,不用再那么麻烦啦,修改一次就ok
5、css peek
vue的文件好像不支持,其他的未测试,传统的html + css 样式,可以快速的查看 class 写了什么样式,支持快速跳转
6、html css suppor
见名知意, 用来在html 里css属性提示三
7、HTML Class Suggestions
用来在HTML里提示引入的外部css选择器名称
8、px to rem
默认为16px,可以自己进行配置,快捷键为alt+z
9、Path Intellisense
文件路径智能提示
10、vscode-icons
文件图标,根据不同的文件类型,展示不同的小图标,很漂亮