px值转rem值的Sublime Text 3自动完成插件

一个CSS的px值转rem值的Sublime Text 3自动完成插件。

插件效果如下:

安装

  • 克隆项目   https://github.com/hyb628/cssrem.git
  • 进入packages目录:Sublime Text -> Preferences -> Browse Packages...
  • 复制下载的cssrem目录到刚才的packges目录里。
  • 重启Sublime Text。
配置参数

参数配置文件: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"]。
  • 我在配置文件 cssrem.sublime-settings里修改了单位比例为100
  • 具体的比例参数还是看个人平时切图怎么设置参数为准。

版权声明:本文为博主原创文章,未经博主允许不得转载。

时间: 2024-08-24 21:33:11

px值转rem值的Sublime Text 3自动完成插件的相关文章

Sublime Text 中使用Git插件连接GitHub

sublime Text的另一个强大之处在于它提供了非常丰富的插件,可以帮助程序员来适合大多数语言的开发.这些插件通过它自己的Package Controll(包管理)组件来安装,非常方便.一般常用的插件包括: Zen Coding -- 一种快速编写HTML/CSS代码的方法JQuery package -- jQuery的代码包,jQuery的自动不全功能给jQuery程序员带来极大的方便.JS Format -- JS的格式化工具JsMinifier -- JS的压缩工具,基于Google

给Sublime Text 2安装CTags插件

以Windows操作系统为例介绍安装过程: 安装ctags应用程序. 到CTags的官方网站下载最新版本,解压后将ctags.exe文件放到系统的搜索路径中. 安装Sublime Text 2的Package Control功能. 打开Sublime Text 2,使用快捷键ctrl+`呼出命令行,执行如下命令: importurllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();

sublime text 3 语法检查插件

第一种方法:有点卡 先去下载对应的开发环境,安装到本地,例如php. 从Pakage Control中安装sublimelinter和sublimelinter-*,*为所用的语言,例如sublimelinter-php,不需要做其他配置,直接即可使用. 这下各种方便,可以丢弃ide了. 第二种方法: 在编译系统增加 { "cmd": ["php","-l","$file"],} 相查就查,轻松+愉快,还不卡界面 sublim

Sublime Text 3 配置 PHPCS 插件

Download php code sniffer addon via Package Control in ST3. Download The php-cs-fixer File From This Website => cs.sensiolabs.org/ (Direct Link => cs.sensiolabs.org/get/php-cs-fixer.phar) Copy Downloaded File To Your php.exe directory (mine is C:/XA

10秒钟sublime text 3安装SVN插件

注意:此处我提前已经安装了towerSVN,你可能需要提前安装好 towerSVN,之前安装redis之后我才明白,安装插件时安装软件好像 是一个必要的步骤,也就是说安装插件只是让你能在这里使用你已 经安装的这个软件而已--我目前的认识还不是很透彻,猜测应该是 这花样的,请自行理解和百度.Windowds10中sublime text 3安装SVN插件,参考博客: http://www.bbtang.info/script/853.html,找到Windows中安装 SVN插件

Sublime Text 2的Emmet插件使用简介

Sublime Text 2的Emmet插件使用简介 Sublime Text可以说是最好用的一个文本编辑器,特别是对于广大码农朋友来说,尤其是前端码农朋友来说.关于Sublime Test的好处我就不多说了,自己去下载吧.相信会用Sublime Text的用户也一定安装了它的包管理器,那么我今天在这里重点介绍一下Emmet这个插件. 1. 快速创建HTML文档 <!-- html:5 + `tab` 或者 `!` + `tab` --> <!DOCTYPE html> <h

Sublime Text常用快捷键及插件配置

最常用快捷键 Control+`控制台     Shift+cmd+P命令面板     cmd+F(Control+F)查找    option+cmd+F查找替换 cmd+/(Control+/)给选中行添加或去掉注释 cmd+Z(Control+Z)撤销      cmd+Y(Control+Y)恢复撤销 插件的安装配置 启用Package Control的方法: 菜单View——Show Console(该步骤或者用Control+`实现)打开控制台界面,贴入相关系统下的pyhon代码并回

sublime text 2安装Emment插件

写个自己看的 1. 命令行模式 ctrl+` 可以调出命令行模式(view->show console),主要支持python语法等,没试用过只知 quit()可以退出 ..不过sublime的插件平台package controller可以用命令行安装. 2.输入以下内容 import urllib2,os; pf='Package Control.sublime-package'; ipp=sublime.installed_packages_path(); os.makedirs(ipp)

【PHP分享】Sublime Text 2安装Ctags插件

1. 下载ctags58.zip,解压后将其中的ctags.exe放到Path路径下,以笔者为例,将其直接放到%SystemRoot%\system32路径下,然后通过命令行测试如下: 2. 调用Sublime Text 2包管理器安装Ctags插件: 3. 在工程目录下运行"ctags -R -f .tags –fields=+aimSl –languages=php",此时可在工程目录下生成.tags索引文件: 4. 将光标移到指定函数名,快捷键"Ctrl+t+t&quo