网站首页 » 前端开发 » 前端工具 » Decode error及‘sass’不是内部或外部命令的解决方法
上一篇:
下一篇:

Decode error及‘sass’不是内部或外部命令的解决方法

之前有分享过一篇关于Ruby的安装及在安装过程中遇到错误的解决方法《Sass开发 – Ruby安装出错解决办法:淘宝网镜像 RubyGems》的文章。不过Ruby安装成功安装完成之后,怎么用,怎么通过Sass来进行编码,这才是我们安装Ruby的初衷。

于是我网站百度了下“Ruby使用方法”诸如此类的关键词。Ruby 使用方法出来的结果跟本不是自己民想来的,随后我就搜了下“Ruby Sass怎么用”结果才是这想要的东西。只要是标题符合的,我都会点击查看。看了很多,但也没怎么说怎么用,说得更多的是 Sass 的语法怎么用,如:SASS用法指南、SASS 和 Compass 指南,虽这些写得都不错,但这些都不是我想要的,因为这些文章说的都是介绍Sass的语法使用了。不过还是找到了一篇相当合我胃口的文章。“sass安装”短短的标题,但内容都是干货。里面介绍了几个可用于编译的免费编译器如:KoalawebstormSublime text。由于自己平时是用Sublime text的所有很自然的就选择了它。

好了费话不多说,马上进主题。

要想通过 Sublime text 来编写 Sass 及编译,我们需要给 Sublime text 安装必要的插件:Sass Build。

具体安装方法如下

1.打开Package Control(通过[ preferences ]->[ Package Control ] 或者ctrl+shift+p组合键打开命令面板)。

2.输入install package后回车。

3.输入Sass Build 后回车进行安装。

安装完成之后,你就可以通过 Sublime text 来进行 Sass 编码了。不过新建完一个 test.scss 并随便COPY了一小段代码

$nav-color: #F90;
nav {
$width: 100px;
width: $width;
color: $nav-color;
}

然后按照这个插件的提示,快速按下Ctrl+B,本以为代码就编译出来,但出来的是编译好的代码,而是一段错误提醒【Decode error – output not utf-8】,百度了下,但很多内容不是说java的就是说 python。有提到 Sass 的很少,不过还是在知乎上找到了一篇《使用sublime text3+sass build插件编译,为什么会出现编码错误?》,回答的朋友说得还是很详细的。于是就按着他的教程做了。

由于不太熟悉,一开始找错了地方在 Sublime Text 2.0.2\Data\Packages\Ruby下对 Ruby.sublime-build 文件进行了修改,在”selector”: “source.sass, source.scss”,后面加上”encoding”:”cp936″,,但是没反应,于是对比了下回答者所修改的文件内容才发现,不是同一个文件。最后找到Sublime Text 2.0.2\Data\Packages\SASS Build下的SASS.sublime-build文件,在”selector”: “source.sass, source.scss”,后面加上”encoding”:”cp936″,追加保存后问题才得到了解决,可旧的问题解决了,新的问题又出现了,Ctrl+B后提示【‘sass’不是内部或外部命令,也不是可运行的程序或批处理文件】,看着一切都是按着回答者的剧本一步步演下去的,于是心里暗喜起来了,马上查看【环境变量】里面一定还未添加,可当我打开后,却发现已经添加了,那么问题出在哪里呢。突然想起之前输入sass -v没有正确输出 sass 的版本号,再运行一次gem install rails后就可以了,于是我又去 cmd.exe 里执行了一次gem install rails命令,又安装了一个gem。完了后,我再到Sublime text里Ctrl+B编译下,结果成功了。

write C:\Users\Administrator\Desktop\canvas/test.css
write C:\Users\Administrator\Desktop\canvas/test.css.map
[Finished in 2.7s]

PS:我用的是Sublime text 2,Subime text 3应该也差不多。

当这些疸都解决之后,我想你应该可以安心地开始你的编码之旅了,在这里分享几个学习Sass的必备网站:

SASS中文网:http://www.sasschina.com/

SASS中文文档:http://sass.bootcss.com/

  • 微信扫一扫,赏我

  • 支付宝扫一扫,赏我

声明

原创文章,不经本站同意,不得以任何形式转载,如有不便,请多多包涵!

本文永久链接:http://yunkus.com/sublime-sass-plugin-decode-error/

Leave a Reply

Your email address will not be published. Required fields are marked *

评论 END