Sublime新建代码片段，让hotcss更顺手

[dctxf]

hotcss Sulime text 代码片段

在使用hotcss的过程中会经常输入px2rem和data-dpr，你感觉麻烦吗？不要紧，sublime代码片段可以帮助你。

如何使用

Sass开发环境下

在使用此代码片段前，请保证您的sublime已安装scss插件，插件安装方法这里就不做解释了。还不会的童鞋请点击这里

1. 先现在这两段代码片段

   px2rem 点击下载

   data-dpr 点击下载

2. 打开sublime text，菜单栏找到preferences->Browse packages->user

3. 把下载好的文件直接放进去就行了

4. 尽情的撸码了！

Less开发环境下

同sass一样，请安装Less插件

1. 同样下载这两段代码

   px2rem 点击下载

   data-dpr 点击下载

2. 打开sublime text，菜单栏找到preferences->Browse packages->user

3. 把下载好的文件直接放进去就行了

4. 用sublime打开这两个文件

   <scope>source.scss</scope>
   //把上面这段话更改为
   <scope>source.less</scope>
   

拓展阅读

Sass篇

Sass官网

Sass教程

Less篇

Less官网

Less教程

[luohong123]

scsss

[Niofh]

怎么用stylus开发

[tianqing617]

上面的sublime代码片段有问题，正确的写法如下：
https://github.com/lhard66/base-snippets-sublime

[wangwen1220]

less/sass/stylus 通用

<snippet>
  <content><![CDATA[
px2rem(${1:value})
]]></content>
  <tabTrigger>px2rem</tabTrigger>
  <scope>source.less,source.sass,source.scss,source.stylus</scope>
</snippet>