sublime text3 cssrem 快速px转rem插件

今天试验了下cssrem  在移动端如果需要px->rem非常方便 比较之前我自己用gulp提供的函数unit(70/@base,rem);转方便很多

1、git clone https://github.com/flashlizi/cssrem

2、进入packages目录：Sublime Text -> Preferences -> Browse Packages

3、复制下载的cssrem目录到刚才的packges目录里。

4、重启sublime

配置：

配置参数

参数配置文件：Sublime Text -> Preferences -> Package Settings -> cssrem

  • px_to_rem - px转rem的单位比例，默认为40。
  • max_rem_fraction_length - px转rem的小数部分的最大长度。默认为6。
  • available_file_types - 启用此插件的文件类型。默认为：[".css", ".less", ".sass"]。其中如果需要支持sylus或者vue文件 需要添加[".css", ".less", ".sass",".stylus",".vue"]
时间： 2024-11-08 19:03:28

sublime text3 cssrem 快速px转rem插件的相关文章

sublime text 3将px换算为rem的插件的安装及使用

rem这个单位对于移动端来说是比较强大的,所以这里给大家介绍sublime text 3将px换算为rem的插件的安装及使用,只要安装了这个插件,输入多少px,sublime就会提示相应的rem值,就不用自己去计算了!! 1.首先在这个地址:https://github.com/hyb628/cssrem.git  下载插件 2.将下载的插件将其解压,并且打开sublime,找到:Sublime Text -> Preferences -> Browse Packages,将解压好的文件夹放入

Sublime Text3如何快速预览html文件

Sublime Text3 步骤1:选择 Tools----> Build System ----> New Build System... 步骤2:输入以下内容 "cmd":["explorer.exe","$file"] 步骤3:重命名文件并保存然后用快捷键Ctrl+B即可打开默认浏览器进行预览 原文地址:https://www.cnblogs.com/wuyiz/p/9643851.html

sublime text3安装、注册及常用插件

由于换电脑,重装系统等问题,总要重装sublime.每次都要查来查去,不如自己记下来,以后再装也方便. 一.下载 官网下载安装包(http://www.sublimetext.com/) :然后直接点击安装就行,默认安装地址是C盘,可以改一下. 二.注册 sublime不注册也可以使用,但是经常会弹小窗口,所以还是注册一下比较好.网上有很多分享的注册码(http://www.2cto.com/kf/201706/652518.html),可以自己百度下,选个时间最近的. 点击help-->ent

sublime text3插件篇

这里配置个适合我自己的sublime text3配置,以作备忘. (注:内容为网上找的拼凑而成,如有雷同,那就雷同吧~) 1.Emmet 强大的代码提示功能,安装无需配置就可以使用. 2.Git 支持sublime text3上的git操作 ,方便管理代码版本. 3.Sass & Sass Build 高亮显示sass代码,提高可读性. 按Ctrl+B编译,博主用空的sass可以编译成功,当前目录会出现 [name].css 和  [name].css.map(没啥作用,记录生成css的信息)文

好用的px转rem的插件

一个CSS的px值转rem值的Sublime Text 3自动完成插件. 下载地址: https://github.com/flashlizi/cssrem 安装 下载本项目,比如:git clone https://github.com/flashlizi/cssrem 进入packages目录:Sublime Text -> Preferences -> Browse Packages... 复制下载的cssrem目录到刚才的packges目录里. 重启Sublime Text. 配置参数

sublime text3插件TrailingSpaces无法使用的解决方法

TrailingSpaces是很好用的一款插件,可以清除代码结尾打多了几个空格或Tab,对于代码洁癖绝对是个福音,我的sublime text3本来安装了这款插件,也可以正常使用,今天突然不能用了,即使是用鼠标点击: Edit > Trailing Spaces > Highlight Regions 也没有效果.快捷键的话也是无效.在sublime的下边栏显示:highlighting of trailing spaces is disable. 尝试重装了TrailingSpaces依然没

sublime text3 --前端工程师必备神器

sublime text3 --前端工程师必备神器 导读目录: 下载与Emmet插件安装 sublime text3 中cssrem安装与使用 sublime Text 3的中文文件名显示为方框的问题解决方案 如何使用自定义的快捷键快速在浏览器中打开html文件 sublime text3 下载安装与 Emmet插件的安装 对于前端工程师来说,sublime text3绝对是神器,Emmet插件通过自动补齐可以大大提高我们的开发效率. 第一步:进入 官网 下载sublime text3.比如对于

sublime text3 --前端工程师必备

sublime text3 --前端工程师必备神器 导读目录: 下载与Emmet插件安装 sublime text3 中cssrem安装与使用 sublime Text 3的中文文件名显示为方框的问题解决方案 如何使用自定义的快捷键快速在浏览器中打开html文件 安装jade的高亮插件 安装ejs的高亮插件 颜色样式选择 显示与修改编码 安装vue的高亮插件 解决jsx文件中的html标签无法自动补全的问题 Sublime中使用typescript(支持报错) sublime text3 下载安

Sublime Text3—设置快捷键打开浏览器

在不同浏览器查看代码效果可谓是家常便饭,所以用不同快捷键对应打开不同浏览器可以大大提高工作效率. 本篇分享个简单的方法只需二步: 一.安装插件SideBarEnhancements ctrl+shift+P 转 Package Control: Install Package 搜 SideBarEnhancements 安装. 没装Package Control?请看:Sublime Text3-软件安装.package control插件管理. 二.设置快捷键 打开Key Binding |