vscode插件使用指“北”

本文章适用于 前端 开发的小伙伴

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

文件图标，根据不同的文件类型，展示不同的小图标，很漂亮