1、打开Sublime,Ctrl+Shift+P打开命令面板

2、输入install,选择第一个

3、输入cssrem

然而并没有搜到,那我们就下载下来吧
4、使用github地址clone插件到本地电脑
项目地址如下
https://gitee.com/selience/Sublime-cssrem-plugin.git
新建一个文件夹,在文件夹内右键
Git Bash Here
打开git命令面板,输入git clone + 项目地址
,回车
image.png
等待clone完毕
5、复制下载下来的cssrem
文件夹,然后操作如下


文件夹复制到插件目录之后,重启Sublime,写点样式试试
image.png
可以看到,输入100px之后,下面会提示相应的rem,可直接按回车转为rem
5、参数配置
参数配置文件:Sublime Text -> Preferences -> Package Settings -> cssrem->Settings-Default
image.png
px_to_rem ------ px转rem的单位比例,默认为40,也就是40px=1rem
max_rem_fraction_length ------- px转rem的小数部分的最大长度。默认为6。
available_file_types ------启用此插件的文件类型。默认为:[".css", ".less", ".sass"]。
网友评论