dctxf commented 8 years ago

hotcss Sulime text 代码片段

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

如何使用

Sass开发环境下

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

先现在这两段代码片段

px2rem 点击下载

data-dpr 点击下载

打开sublime text，菜单栏找到preferences->Browse packages->user
把下载好的文件直接放进去就行了
尽情的撸码了！
Less开发环境下

同sass一样，请安装Less插件

同样下载这两段代码

px2rem 点击下载

data-dpr 点击下载

打开sublime text，菜单栏找到preferences->Browse packages->user
把下载好的文件直接放进去就行了

用sublime打开这两个文件

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

拓展阅读

Sass篇

Sass官网

Sass教程

Less篇

Less官网

Less教程

luohong123 commented 7 years ago

scsss

Niofh commented 7 years ago

怎么用stylus开发

tianqing617 commented 7 years ago

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

wangwen1220 commented 7 years ago

less/sass/stylus 通用

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

imochen / hotcss

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