请问VScode里怎么安装CSSComb插件?

来源:2-6 html5页面布局(表现层_footer)

用棍棍戳粑粑

2020-02-08 22:51:48

就是CSSComb插件搜出来安装上了 但是我在网上查了教程看的不是很明白 需要到后台去改写这个插件的脚本才能实现排序吗?  他默认给的快捷键F1 按了之后排序都乱七八糟的。
这个改写的脚本我现在看不太懂,不知道怎么去修改。老师有何高见?

写回答

1回答

好帮手慕糖

2020-02-09

同学你好,安装之后,可以参考如下配置:

1、在Visual Studio Code的“文件”->“首选项”->“设置”中,可以参考如下:

http://img.mukewang.com/climg/5e3f729409fcfa9506740493.jpg

2、添加"csscomb.formatOnSave": true 保存文件时自动运行插件,就是ctrl+s保存的时候,就可以自动美化代码。

3、"csscomb.preset" 就是分类、排序的设定了,可以参考官方自带的 3 种默认配置:csscomb、yandex、zen。这3种默认配置具体的参数可以看这里:csscomb/csscomb.js。配置完成之后重启一下 vs code。

http://img.mukewang.com/climg/5e3f75b909b21cd506710291.jpg

4、老师这里使用的是csscomb,这种是样式在一行显示(如下),可以分别尝试三种方式的。

http://img.mukewang.com/climg/5e3f769709120a2e08230129.jpg

如果我的回答帮助了你,欢迎采纳,祝学习愉快~

1

0 学习 · 40143 问题

查看课程