Sublime Text中安裝插件來實現px與rem間的換算

一、sublime text2中安裝REM-PX插件來實現px與rem間的互換。

　　　　package control組件安裝。

　　　　1.1按ctrl+` 調出console

　　　　1.2粘貼如下代碼到底部命令行並回車:

　　　　import urllib2,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')

　　　　1.3. 重啓Sublime Text 2。 

　　　　1.4. 若是在Perferences->package settings中看到package control這一項，則安裝成功。

　　若是這種方法不能安裝成功，能夠到這裏下載文件手動安裝。

　用Package Control安裝插件的方法：

1. 按下Ctrl+Shift+P調出命令面板

2. 輸入install 調出 Install Package 選項並回車，而後在列表中選中要安裝的插件。

　　這裏選擇的是REM-PX插件，安裝完後，重啓sublime text就好了。

　　你能夠經過PreFerences>Browser Packages下面的REM PX文件夾來查看相關的配置文件或修改配置文件，這裏我先來講一下這個文件

　　

　　該文件中默認16px表示1rem，即要將以px爲單位的值轉換爲以rem爲單位時，是直接除以16來計算的。這裏具體得看你的根元素即html的font-size值是多少，你就將這個值設置多少便可。

　　這三個文件則是說明如何使用。

　　

　　例如，要將以px爲單位的值轉換爲以rem爲單位的時候，只需選中該值（注意：連同單位一塊兒選中），而後時候Ctrl+shift+r便可轉換成以rem爲單位的值，

　　同理，如需將以rem爲單位的值轉換爲以px爲單位的值時，只需選中該值（注意：連同單位一塊兒選中），而後使用Ctrl+shift+x便可轉換成以px爲單位的值了。

　　

　　二、在sublime text3中安裝C×××EM插件來實現px轉換爲rem

　　具體實現看這裏

　　這裏我要說的一點是px轉換爲rem的單位比例，該插件中默認單位比例是40，即表示40px至關於1rem，而咱們瀏覽器通常默認html的font-size爲16px，而咱們也習慣性的將html的fong-size值設置爲62.5%（即10/16*100%）即10px，這樣的話，在轉換的時候就比較好轉換了，直接將以px爲單位的值除以10便可。所以咱們在具體的實現時得看一下你html元素的font-size是多少，你即可以將轉換的單位比例改成多少。具體狀況具體分析啦。