Less、Sass环境配置(Webstorm和Sublime两种)
来源:互联网 发布:罗斯科的画 知乎 编辑:程序博客网 时间:2024/05/20 23:35
1.先说Webstorm配置Less:
到Webstorm的Settings-File Watchers里面,右边的+里面添加less,然后在项目下新建.less文件就可以了,然后就会自动编译就行了。
然后就可以在Webstorm里面看见编译后的文件了。
附一个Koala下载地址:链接:http://pan.baidu.com/s/1c27xdL2 密码:zotj
2.再说Sublime配置Less:
sublime编辑器不需要安装koala,在sublime安装less和less2css两个插件就行。
新建.less文件的同时,会自动编译。或者ctrl+b编译。
注意两个问题:
1.如果需要配置less的环境变量,而且你的环境变量是通过npm安装的,你的文件路径可参考C:\Users\yangyang\AppData\Roaming\npm\node_modules\less\bin
这个目录,我是默认路径的,不过你可以看看你的npm在哪,然后找到下面的lessc文件。
2.通过Sublime新建.less文件时,可以出现Unable to interpret argument clean-css......
一段错误提示,只要安装less-plugin-clean-css插件就行了,
可以通过命令:npm install less-plugin-clean-css
3.Webstorm配置Sass:
首先安装RubyInstallers,然后应该是安装Sass,但是由于网络原因,所以要更换源,步骤如下:
第一步:移动默认的源
gem sources --remove https://rubygems.org/
第二步:指定ruby-china的源
gem sources -a http://gems.ruby-china.org
第三步:查看指定的源是不是ruby-china源
gem sources -l
请确保只有 ruby-china源之后。如果无误之后,执行下面的命令:
gem install sass
之后Webstorm中Sass的配置和Less差不多,只是路径要注意下,一般安装路径是在ruby安装文件夹下面bin文件夹内,我自己的路径是:C:\ruby\Ruby21\bin\sass.bat
4.Sublime配置Sass:
Sublime插件SASS-Build,当然前提肯定也是安装过了Sass。
参考文章:
http://www.daqianduan.com/6033.html
http://blog.csdn.net/friendan/article/details/50830671
https://segmentfault.com/q/1010000004992727
http://blog.csdn.net/lx583274568/article/details/52806753
http://blog.csdn.net/xuanwuziyou/article/details/48132167
- Less、Sass环境配置(Webstorm和Sublime两种)
- Sublime Text和WebStorm中配置LESS
- less 和 sass 配置
- Sublime Text和WebStorm中配置LESS介绍
- Webstorm配置SASS编译环境
- 使用sublime编译less和sass
- 在webstorm中配置sass环境
- Less 和 Sass 及其开发环境
- sublime Text3下sass环境配置(windows)
- sublime text 3 配置sass环境
- less-webstorm 编译配置
- sass环境搭建以及webstorm中的scss配置
- Sass、LESS 和 Stylus
- Less和Sass
- 支持新版chrome,用webstorm编译形成css和sourcemap,调试sass和less源文件
- webStorm和sublime配置自定义模板
- Sublime Text 配置 sass
- Sublime配置SASS
- 大数据相关业务
- Spring,SpringMVC
- 【补充】U-boot启动代码指令级分析与启动图解
- Spring框架是什么
- zepto源码之deferred.js
- Less、Sass环境配置(Webstorm和Sublime两种)
- Android中显示图片进行放大或缩小
- 操作系统课程实验报告(三)
- TOJ 3519.Ones and Zeros
- 面向对象程序设计概述
- scala
- SVN报错:sqlite[S5]:database is locked
- 易企cms附加属性的调用
- C++ STL replace()函数常用用法详解