如何安装和使用 Color Highlight插件
1.点击最左侧的活动栏里的【扩展插件】按钮,切换至安装扩展插件的视图,该视图已经为所有人提供了两万多款小巧而好用的扩展插件,这些扩展插件不仅都能省时省力,而且也能提高开发效率,如下图所示:
![67743648775ba45e99079b98f351a002.png](https://img-blog.csdnimg.cn/img_convert/67743648775ba45e99079b98f351a002.png)
2.在【扩展插件】搜索栏里输入"Color Highlight",如下图所示:
![2e8267efd28b4e70cda7b553c1e54c67.png](https://img-blog.csdnimg.cn/img_convert/2e8267efd28b4e70cda7b553c1e54c67.png)
3.输入完成后,等几秒后才自动显示其对应的一些相关扩展插件,如下图所示:
![a493c06699e339ba6c92863698b7d45b.png](https://img-blog.csdnimg.cn/img_convert/a493c06699e339ba6c92863698b7d45b.png)
4.直接点击【Color Highlight】扩展插件列表的【安装(Install)】按钮,即直接安装【ColorHighlight】扩展插件,如下图所示:
![2a1c0f834934584daefced06634ed64d.png](https://img-blog.csdnimg.cn/img_convert/2a1c0f834934584daefced06634ed64d.png)
![2d9471def6e145ce6084bd644e034a14.png](https://img-blog.csdnimg.cn/img_convert/2d9471def6e145ce6084bd644e034a14.png)
5.安装完成后,直接重启 VS Code即可。
6.右击选定的项目文件夹区域,如下图所示:
![1cdd457c901f3450289d8996f92f9a73.png](https://img-blog.csdnimg.cn/img_convert/1cdd457c901f3450289d8996f92f9a73.png)
7.在弹出的快捷菜单里选择【新建文件(New File)】菜单项,此后新建一个名为"test"的 css文件,如下图所示:
![9178381a8e8f65ca95a001dcbbf73d3e.png](https://img-blog.csdnimg.cn/img_convert/9178381a8e8f65ca95a001dcbbf73d3e.png)
8.添加相关颜色的代码,【Color Highlight】扩展插件直观显示你定义的颜色,如下图所示:
![319faee53f3bf1a6770c16b3bd6839f6.png](https://img-blog.csdnimg.cn/img_convert/319faee53f3bf1a6770c16b3bd6839f6.png)
【作者声明】
本篇经验系本人依照真实经历原创,需要转载到博客、自媒体平台、技术网站等,未经许可,严格遵守本人的知识版权,谢绝转载。如想转载,请联系本人授权。
联系邮箱:3403978592@qq.com
【关注公众号】
在微信搜索框里输入"未来众创聚集地",并点击【搜索】按钮,接下来选中名为"未来众创聚集地"的公众号列表后,直接关注本人的公众号即可。