sublimesass自动编译
A. sublime 编译器如何设置
下面这种方法试过没有?我刚试了这种是可以的……
在“我的电脑”右键属性
→
高级
→
环境变量
→
在“系统变量”里找到“Path”,点击“编辑”
→
把“;路径名”(不包括双引号)复制到最后
→
最后一路“确定”保存。
B. 使用sublime text3+sass build插件编译,为什么会出现编码错误
最近研究sass,用的是vs+vs插件,实在是太大了(虽然电脑跑的动)
之前一直用sublime,所以决定继续改用轻量级的开发工具。
注:我是sublime Text2,(3应该差不多)
【进入正题】同样出现楼主的问题,于是开始网络(原谅我没有翻墙用google)。
网络后结合实际情况先这样解决:
1.Preferences->Browse Packages...
2.找到SASS Build文件夹
3.打开SASS.sublime-build
{
"cmd": ["sass", "--update", "$file:${file_path}/${file_base_name}.css", "--stop-on-error", "--no-cache"],
"selector": "source.sass, source.scss",
"line_regex": "Line ([0-9]+):",
"osx":
{
"path": "/usr/local/bin:$PATH"
},
"windows":
{
"shell": "true"
}
}
4.在"selector": "source.sass, source.scss",后面加上"encoding":"cp936",
5.重启sublime
但是出现ctrl+b出现新的问题‘sass’不是内部或外部命令,也不是可运行的程序或批处理文件
看到这里我恍然大悟,原来不是编码问题,而是环境变量出问题了。
后来发现自己安装ruby没有勾选添加环境变量
【总结】:
由于我添加环境变量后把修改的"encoding":"cp936",删除依然可以编译成功,我觉得sublime中sass编译(或者ruby等编译)出现[Decode error - output not utf-8]问题其实是环境变量未添加。解决方法就是手动在高级系统设置中添加。(如果实在懒可以卸掉ruby重新安装,记得勾选中间的添加环境变量。记得安装sass)
最后补充一下,可以先试一下我试过的添加encoding方法,因为我也不是100%确定。
C. 如何在sublime3中配置能自动识别文件类型,编译的.sublime
Sublime Text 配置文件两 Default User二者都 JSON 格式记录配置信息其前者记录着 Sublime Text 默认配置禁止用户修改;者默认空允许用户修改User 配置文件内容覆盖 Default 相应内容所要修改 User 配置文件
D. sublimetext3中的sass文件编译出的css怎么能让它自动换行
第1步:菜单栏-->幻灯片放映-->排练计时(设置排练时间)第2步:幻灯片放映-->设置放映方式-->切片方式-->如果存在排练时间则使用它(该步骤一般为默认,不用设置)第3步:幻灯片放映-->观看放映.
E. 如何用sublimeText3编写less并用Nodejs自动编译成css
1、安装Sublime 插件
(1)安装LESS插件:
因为Sublime不支持Less语法高亮,
所以,先安装这个插件,
方法1: (首先确保sublime上已安装了Package Control) 按住ctrl+shift+p>install Package>输入less按Enter
方法2:直接下载后 解压文件 放到插件文件夹下(首选项-浏览插件 打开文件夹)
下载地址:https://github.com/danro/LESS-sublime
(2)安装LESS2CSS插件:
less2css的读音 其实就是less to css
这个插件的作用是
当保存less文件的时候自动生成同名的css文件;
当保存less文件的时候提示编译错误信息;
批量编译项目目录下的所有less文件为css文件。
安装:
方法1:ctrl+shift+p>install Package>输入less2css按Enter
方法2:直接下载:https://github.com/timdouglas/sublime-less2css
解压文件 放到插件文件夹下
但是我们还要让sublime支持less并自动编译,所以还需以下步骤:
2、安装Node.js
首先先配置一下环境,
less需要nodejs支持,
所以我们先要安装一下nodejs
到nodejs官网下载就可以了:https://nodejs.org/en/
3、安装less
运行-cmd:
输入命令行:
npm install less -g
-g 代表着全局安装less
之后在 Sublime 里面建less文件时,会有一个错误
LESS: Unable to interpret argument clean-css
这是因为还需要一个插件
less-plugin-clean-css插件的安装
命令行为:
npm install less-plugin-clean-css -g
接着重启一下sublime,就搞定啦!
F. 如何在sublime中使用sass
下载相应的版本。建议大家不要使用谷歌浏览器,因为他真得加载不出来。
下载好之后,就需要一步步进行安装了(建议大家把其安装在c盘),这里需要注意的是:
这个勾别忘了选,因为不选中,就会出现编译时找不到Ruby环境的情况。
这时,我们在控制台输入ruby -v就可以得到我们的安装好的ruby的版本号等信息
Ruby 安装完成后,在开始菜单中找到新安装的 Ruby,并启动 Ruby 的 Command 控制面板,如下图所示:
当你的电脑中安装好 Ruby 之后,接下来就可以安装 Sass 了。同样的在windows下安装 Sass 有多种方法。给大家提供一种最实用的方法。
到 Rubygems() 网站上将 Sass 的安装包(gems/sass)下载下来,然后在命令终端输入:
gem install <把下载的安装包拖到这里>
直接回车即可安装成功。
接下来,就是在sublime中安装sass插件和sass build插件了,打开我们的sublime
首先你要看的是在preference选项下有没有package control这个选项,如果没有的话,就表示你没有Package
Control 插件(一个方便 Sublime text 管理插件的插件),这时,你就要从菜单 View - Show Console 或者
ctrl + ~ 快捷键,调出 console。将以下 Python 代码粘贴进去并 enter 执行,不出意外即完成安装
sublime text3
1
import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path();
urllib.request.install_opener( urllib.request.build_opener(
urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( '' + pf.replace(' ','%20')).read())
sublime text2
1
import urllib2,os; 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( ))); open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( '' +pf.replace( ' ','%20' )).read()); print( 'Please restart Sublime Text to finish installation')
完成了这步之后,再重新打开我们的sublime,ctrl+shift+p,并输入install
选择第一个Install Pacage,
在命令栏中输入"Sass"然后回车,然后在弹出的列表中选择Sass插件,通过鼠标单击或者回车进行安装,可通过左下角状态栏查看安装结果
在命令栏中输入"SassBuild"然后回车,然后在弹出的列表中选择SassBuild插件,通过鼠标单击或者回车进行安装,可通过左下角状态栏查看安装结果
按ctrl+shift+p,输入package,选择list packages,就看到了我们安装的插件列表
如果你看到了sass和sass bulid就说明插件安装成功了。
这是你把scss文件写完之后,按ctrl+b就可以实现sass文件的编译了,他会生成一个自动编译生成css文件。这里,再跟大家介绍一下windows7下解决中文乱码的问题吧。需要做的就是:
找到ruby的安装目录,里面也有sass模块,如这个路径:
C:/Ruby/lib/ruby/gems/1.9.1/gems/sass-3.3.14/lib/sass
在这个文件里面engine.rb,添加一行代码Encoding.default_external = Encoding.find(‘utf-8’) 放在所有的require XXXX 之后即可.
G. myeclipse中如何配置SASS编译工具
我最近也在学sass,之前用的是sublime test2,这个编译器有个好处就是转译成css的时候方便,但是终究还是和项目分离,也很麻烦。后来发现只要通过命令行一直监视整个目录或者文件就方便多了,只要保存,sass就会自动编译,下面是例子:
监视文件:
sass --watch test.scss:test.css
监视目录
sass --watch sass(sass目录):css(css目录)
满意的话希望采纳啦。。。。