1.在官网下载sublime text 3

下载地址:http://www.sublimetext.com/3

2.安装到pc

3.下载cssrem 下载地址:https://github.com/hyb628/cssrem

4.安装完成打开sublime text 3使用快捷键Ctrl + Shift + p 点击红色区域进入相对应的文件夹

sublime text 3 px转rem_css 647286-20170502161450257-1578181638.png

sublime text 3 px转rem_css_02 647286-20170502163210820-86891493.png

5.找到 Packages 把解压后的 cssrem 或者 cssrem-master 拷贝到 Packages 目录下

sublime text 3 px转rem_下载地址_03 647286-20170502161618507-375178933.png

6.重启sublime text 3 就会找到下列目录

sublime text 3 px转rem_下载地址_04 647286-20170502162249836-1821012094.png

7.点击进去修改里面的代码为

{

"px_to_rem": 40, //px转rem的单位比例,默认为40

"max_rem_fraction_length": 6, //px转rem的小数部分的最大长度。默认为6。

"available_file_types": [".css", ".less", ".sass",".html"]

//启用此插件的文件类型。默认为:[".css", ".less", ".sass"]

}

8.重启sublime text 3 新建一个css文件写样式测试就ok了

sublime text 3 px转rem_css_05 647286-20170502162447695-633826683.png