sublime text3 中cssrem安装与使用

sublime text3 中cssrem安装与使用

  我们在移动端开发时,使用rem布局是一个不错的选择,及将所有元素的尺寸使用rem来设置,但是我们每次都需要先用设计稿中的值除以rem值然后才能得到最终的以rem为单位的数字,这时,cssrem插件就可以很好的解决我们遇到的问题了。 (注:对于移动端布局,见我的另一篇博文《探究移动端开发》)

  第一步:下载github中的cssrem,然后将名为cssrem-master文件夹移动到Preferences下的Browse Packages...

      如下图所示:

  第二步:重启sublime text3,即可使用。但我们可以发现,实际上cssrem将1rem默认为40px。

面临的问题1:

  但是如果我们不希望使用这样的默认项呢? 下面介绍方法:

  进入preference--browse packages,然后进入cssrem-master,并以记事本的方式打开cssrem.sublime-settings,发现下面数据:

  也就是说,默认px到rem的转化为40, 数字的最大长度为6位等等。于是我们在这里编辑就可以使用自己想要的rem了,是不是很简单呢!!

面临的问题2:

  如果我们不需要移动端rem布局,那么每次输入px都会重复的提醒,这是令人厌烦的,这时我们可以将preference--browse packages里的cssrem-master加一个后缀名,比如.txt,这样重启sublime text就会发现不会有这种情况了。 当我们再需要使用时就把这个后缀删去即可。

宁愿跑起来被拌倒无数次,也不愿规规矩矩走一辈子。

时间: 2024-10-19 23:03:50

sublime text3 中cssrem安装与使用的相关文章

4.7 Sublime Text3 中配置 Python环境 --上之安装Sublime 3

返回总目录 目录: 1.展示效果: 2.缺优分析: 3.下载Sublime Text3 (一)展示效果: 1.能够交互式编写Python代码: 2.可以编写文件式Python代码: 3.能够自动补齐代码及智能提示: (1)导入及内建函数的提示: (2)对导入的模块,类以及函数的简单说明: (3)提示,补齐模块下的类,方法: 4.能够生成模板: 5.能够进行文件管理: (二)缺优分析 1.最大的优势是: (1)打开速度快,比起哪些大型的集成IDE快. (2)具有代码智能提示与补齐,比起自带的IDL

Python2在Sublime Text3中print中文时报错原因及解决办法

1,出现的问题及分析 在Sublime Text3中用ctrl+B运行python程序时,如果要打印输出英文时正常运行,而输出中文时则会报错,具体情况如下: Traceback (most recent call last): File "D:\PythonWorkplace\test_print_unicode.py", line 3, in <module> print u'程序' UnicodeEncodeError: 'ascii' codec can't enco

Sublime Text3 Emmet插件安装

1.安装sublime text3 下载地址:http://www.sublimetext.com/3 2.打开sublime text3,Ctrl+~,在其中输入(注意不要改变输入内容) import urllib.request,os,sys; exec("if sys.version_info < (3,) or os.name != 'nt': raise OSError('This code is for Windows ST3 only!')"); pr='Prefe

sublime text3 常用插件安装

1.Package Control 按Ctrl+~调出console(或者view>show console) 粘贴以下代码到底部命令行并回车: import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.req

sublime text3及插件安装过程

本人安装的是sublime text3 1.安装 这个过程下一步下一步就行 2.激活 在help菜单中选择输入验证码,如下整个都是: ----- BEGIN LICENSE ----- Andrew Weber Single User License EA7E-855605 813A03DD 5E4AD9E6 6C0EEB94 BC99798F 942194A6 02396E98 E62C9979 4BB979FE 91424C9D A45400BF F6747D88 2FB88078 90F5

sublime Text3下载与安装以及解决安装Install Package时遇见的问题

最近下载安装sublime Text3后,在安装Install Package时遇到了几个问题,网上搜了一大圈终于解决了,特此记录为以后之便. 一.下载安装sublime Text3 1.sublime Text3下载 官网地址:https://www.sublimetext.com/3 打开链接,选择对应系统的版本下载即可.(本人电脑是wi10 64位,下载Windows 64 bit ) 2.sublime Text3安装 (1)下载Windows 64 bit后,双击即可安装.(注意勾选A

如何实现Sublime Text3中vue文件高亮显示的最有效的方法

今天第一次使用Sublime Text3软件,在实现vue文件高亮显示的过程中一直报错,经过了半天时间的不停尝试终于找到了最有效的一种解决方法!错误提示如下: 刚开始尝试了很多方法都不行,只要打开install Package就报错.无论是取消掉网络配置里的ipv_6选项,还是在hosts文件中添加映射也都不能解决问题.最后上网查找发现了一个真正有效的解决办法:remove package control and then re-install it manually.(转自http://www

sublime text3中成功使用bootstrap3

在视图这里卡了挺久的,一直是自己在研究.其实自己有一个坏毛病,遇到问题,在网上搜集下找不到便寻求帮助(大多数是求助无效果,因为自己也没搞懂), 这时候自己就会懈怠一会,然后隔一两天心血起伏后便又继续干.本次讲解的是关于sublime text3的html快速生成功能的插件 第一,你要先下载package control的插件,这是一款用来管理插件的插件(有点拗口).下载方法参考http://jingyan.baidu.com/article/c14654134b8bde0bfcfc4c9a.ht

sublime text3 emmet插件 安装

sublime text3  emmet插件 百度云地址:http://pan.baidu.com/s/1kUvcYov 然后按下图来 安装就可以了 参考:http://www.cnblogs.com/tinyphp/p/3217457.html