当前位置:   article > 正文

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

color highlight

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

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

如何安装和使用 Color Highlight插件

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

如何安装和使用 Color Highlight插件

 

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

如何安装和使用 Color Highlight插件

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

如何安装和使用 Color Highlight插件

如何安装和使用 Color Highlight插件

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

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

如何安装和使用 Color Highlight插件

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

如何安装和使用 Color Highlight插件

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

如何安装和使用 Color Highlight插件

【作者声明】

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

联系邮箱:3403978592@qq.com

【关注公众号】

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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/很楠不爱3/article/detail/708709
推荐阅读
相关标签
  

闽ICP备14008679号