VSCode如何安装和使用 Color Highlight插件

VSCode如何安装和使用 Color Highlight插件

1.点击最左侧的活动栏里的【扩展插件】按钮,切换至安装扩展插件的视图,该视图已经为所有人提供了两万多款小巧而好用的扩展插件,这些扩展插件不仅都能省时省力,而且也能提高开发效率,如下图所示:

VSCode如何安装和使用 Color Highlight插件_第1张图片

2.在【扩展插件】搜索栏里输入"Color Highlight",如下图所示:

VSCode如何安装和使用 Color Highlight插件_第2张图片

 

3.输入完成后,等几秒后才自动显示其对应的一些相关扩展插件,如下图所示:

VSCode如何安装和使用 Color Highlight插件_第3张图片

4.直接点击【Color Highlight】扩展插件列表的【安装(Install)】按钮,即直接安装【ColorHighlight】扩展插件,如下图所示:

VSCode如何安装和使用 Color Highlight插件_第4张图片

VSCode如何安装和使用 Color Highlight插件_第5张图片

5.安装完成后,直接重启 VS Code即可。

6.右击选定的项目文件夹区域,如下图所示:

VSCode如何安装和使用 Color Highlight插件_第6张图片

7.在弹出的快捷菜单里选择【新建文件(New File)】菜单项,此后新建一个名为"test"的 css文件,如下图所示:

VSCode如何安装和使用 Color Highlight插件_第7张图片

8.添加相关颜色的代码,【Color Highlight】扩展插件直观显示你定义的颜色,如下图所示:

VSCode如何安装和使用 Color Highlight插件_第8张图片

【作者声明】

本篇经验系本人依照真实经历原创,需要转载到博客、自媒体平台、技术网站等,未经许可,严格遵守本人的知识版权,谢绝转载。如想转载,请联系本人授权。

联系邮箱:[email protected]

【关注公众号】

在微信搜索框里输入"未来众创聚集地",并点击【搜索】按钮,接下来选中名为"未来众创聚集地"的公众号列表后,直接关注本人的公众号即可。

你可能感兴趣的:(VSCode,vscode,开发工具,plugin)