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

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

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

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

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

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

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

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

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

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

经验分享 程序员 微信小程序 职场和发展