sass 安装 window下sass的安装方法

来源:互联网 发布:淘宝首页推广费用 编辑:程序博客网 时间:2024/04/29 06:54

window下sass的安装方法

1、sass  是基于ruby的,所以要想在本地安装sass编译,需要先安装ruby;

准备好ruby的安装包,可以去任意的地方下载ruby的安装包;此处省略1k字;然后

  • 选择安装,使用默认路径;
  • 勾选add ruby executables to PATH   !!!  一定要选择这个选项,这样ruby才能在任意路径下被调用,不然就需要手动添加环境变量了。


其他 的默认安装完成就可以了;



2、在cmd下检测ruby是否安装成功;

输入:ruby -v    检测ruby时候安装成功和ruby的版本;

如果有版本提示,则说明安装成功了,如果没有提示版本号,或者直接报错,需要打开环境变量  手动添加



3、安装sass

在cmd中输入gem sass  是无法直接安装sass的,因为网络原因,sass源地址https://rubygems.org/是无法在国内访问的,但是如果使用vpn就另说了。这里直接上解决方法;注意cmd命令不要直接复制,中文的符号肯定是不支持的!!!!!

  • 输入:gem sources 获取源文件下载路径;
  • https://rubygems.org/
  • 然后输入gem sources --remove https://rubygems.org/  移除原来的源地址
  • 返回修改成功后,直接输入 gem sources -a http://gems.ruby-china.org/   添加一个源地址

注意 源地址更改为http://gems.ruby-china.org/ 了 之前sass。taobao。com的链接  想想也知道为什么失效了!!!


  • 输入gem sources -l  来检验一下,源地址,是否设置正确;

4,然后就可以只接来安装sass了


输入gem  install  sass  就可以安装了   。一般需要等待个十几秒的时间


安装成功后使用  sass -v  检测版本号



这里sass就安装完成了。


5、编译  新建sass文件  **。scss   文件    然后在cmd中找到路径地址,执行

sass  **.scss:**.css   就可以编译成功了   









1 0
原创粉丝点击