sublime自动编译sass

㈠ 如何在sublime3中配置能自动识别文件类型，编译的.sublime

Sublime Text 配置文件两 Default User二者都 JSON 格式记录配置信息其前者记录着 Sublime Text 默认配置禁止用户修改；者默认空允许用户修改User 配置文件内容覆盖 Default 相应内容所要修改 User 配置文件

㈡ 如何在sublime中使用sass

GDB是GNU开源组织发布的一个强大的UNIX下的程序调试工具，基于命令行界面。 在Windows下如果想使用GDB，可以先下载安装一个MiniGW，这个工具包含GCC编译器和GDB调试器，再配合一个Notepad++或者Sublime Text（Sublime这款编辑器不是免费的，可以...

㈢ 使用sublime写sass，有没有感觉很不方便

我最近也在学sass，之前用的是sublime test2，这个编译器有个好处就是转译成css的时候方便，但是终究还是和项目分离，也很麻烦。后来发现只要通过命令行一直监视整个目录或者文件就方便多了，只要保存，sass就会自动编译

㈣ 使用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%确定。

㈤ 如何在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 之后即可.

㈥ 如何安装sublime text 3 sass 高亮插件

第一步，下载ruby
点开下载ruby的链接

下载好之后，就需要一步步进行安装了（建议大家把其安装在c盘）
安装过程中请注意勾选Add Ruby executables to your PATH添加到系统环境变量。
ok，安装完毕！
打开cmd面板，输入 ruby -v可以看到ruby的版本号说明安装成功。

第二步，安装 Sass
Ruby自带一个叫做RubyGems的系统，用来安装基于Ruby的软件。我们可以使用这个系统来 轻松地安装Sass和Compass。要安装最新版本的Sass和Compass，你需要输入下面的命令：
//安装如下(如mac安装遇到权限问题需加 sudo gem install sass)
gem install sass
gem install compass

安装完成之后，应该通过运行下面的命令sass -v来确认应用已经正确地安装到了电脑中：

第三步，安装sublime编辑器的sass插件和sass build插件
打开sublime
首先你要看的是在preference选项下有没有package control这个选项，如果没有的话，就表示你没有Package Control 插件（一个方便 Sublime text 管理插件的插件），这时，你就要从菜单 View - Show Console 或者 ctrl + ~ 快捷键，调出 console。将以下 Python 代码粘贴进去并 enter 执行，不出意外即完成安装
sublime text3
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( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

sublime text2
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( 'http://sublime.wbond.net/' +pf.replace( ' ','%20' )).read()); print( 'Please restart Sublime Text to finish installation')

完成了这步之后,再重新打开我们的sublime，按住ctrl+shift+p，并输入install，选择第一个Install Package，

在命令栏中输入"Sass"然后回车，然后在弹出的列表中选择Sass插件，通过鼠标单击或者回车进行安装，可通过左下角状态栏查看安装结果
在命令栏中输入"SassBuild"然后回车，然后在弹出的列表中选择SassBuild插件，通过鼠标单击或者回车进行安装，可通过左下角状态栏查看安装结果
按ctrl+shift+p，输入package，选择list packages，就看到了我们安装的插件列表

如果你看到了sass和sass bulid就说明插件安装成功了。
然后尝试着写一个scss文件，写完之后，按ctrl+b就可以实现sass文件的编译了，会生成一个自动编译生成css文件。
但很不幸我的sublime出现了一个报错[Decode error - output not utf-8]
第四步，解决sublime的编码报错
sublime text有时运行会输出以下错误信息：
[Decode error - output not utf-8]或者[Decode error - output not gbk]
错误信息意思就是脚本输出的信息不是某种指定编码。
用以下方法解决，有点麻烦，要有耐心，别弄错了哦！
1.在sublime text的安装目录下的Packages目录下找到Default.sublime-package，将这个复制出来,将后缀改名为zip.
它就是个zip文件，解压缩它，然后将其中的exec.py文件放到sublime text的DataPackagesUser目录下。
2.打开exec.py文件，找到类ExecCommand的append_data函数，在以下位置添加代码（可以把这段函数的代码替换就好了）：
def append_data(self, proc, data):
if proc != self.proc:
# a second call to exec has been made before the first one
# finished, ignore it instead of intermingling the output.
if proc:
proc.kill()
return

#add start
is_decode_ok = True;
try:
str = data.decode(self.encoding)
except:
is_decode_ok = False
if is_decode_ok==False:
try:
str = data.decode("gbk")
except:
str = "[Decode error - output not " + self.encoding + " and gbk]\n"
proc = None

# Normalize newlines, Sublime Text always uses a single \n separator
# in memory.
str = str.replace('\r\n', '\n').replace('\r', '\n')

self.output_view.run_command('append', {'characters': str, 'force': True, 'scroll_to_end': True})

其原理就是在解码输出文字编码出错时再使用gbk试试,相当于utf-8和gbk两种编码都试试,这样可以解决编码错误的问题。
OK啦，我安装的时候就出现这些问题了。可以开始使用sass啦~~哈哈哈哈~

㈦ sublime怎么设置sass编译

使用了Sublime Text也有一段时日了，然后在现在而言，小觉的coding工具已经非其莫属了，接着小觉因为近期忙着项目的原因，同时还要抽空编辑博客的原因，就暂时把它放在一旁了，现在偶然想起也就说下关于让Sublime Text支持SASS开发的方法。

提示：没有安装Sass及SassBuild之前Sublime Text是不支持Sass开发的，即在下图之中是没有Sass选项的。

让Sublime Text支持SASS的开发 - Sass&SassBuild Packages
点击查看大图
以下内容操作前提：已安装好package control插件，前文已经提及，可通过搜索了解。

让Sublime Text支持SASS开发说白了其实只要在其上安装Sass及SassBuild这两个插件即可，下面为安装步骤：

1、通过ctrl+shift+p快捷键组合打开命令面板

2、在命令栏中输入"Sass"然后回车，然后在弹出的列表中选择Sass插件，通过鼠标单击或者回车进行安装，可通过左下角状态栏查看安装结果

3、在命令栏中输入"SassBuild"然后回车，然后在弹出的列表中选择SassBuild插件，通过鼠标单击或者回车进行安装，可通过左下角状态栏查看安装结果

让Sublime Text支持SASS的开发 - Sass&SassBuild Packages

因为之前安装了Sass插件，而且安装过的插件无法再次出现在安装列表之中，所以第二个步骤就不提供截图了，同时关于第一步操作的截图之前也给了很多了，相对简单也不提供了，最近小觉有点忙，不过只要不出意外，小觉会想小说作者们一样做到每天更新，而且是4更哦~