美文网首页
mac os x安装ruby,并在webstorm中配置sass

mac os x安装ruby,并在webstorm中配置sass

作者: yfsola | 来源:发表于2017-10-24 11:56 被阅读0次

    1.在APP中下载Xcode(主要是安装unix环境需要的开发包)

    2.安装rvm

    1.1  在终端中,输入 curl -L https://get.rvm.io | bash -s stable

    1.2  运行完之后有提示有运行的命令(source /Users/yaofeng/.rvm/scripts/rvm)

    不明白的看下图:

    1.3  接着输入    rvm -v

    返回结果(返回版本号证明已经安装成功)

    rvm 1.29.3 (latest) by Michal Papis, Piotr Kuczynski, Wayne E. Seguin [https://rvm.io] 

    3.使用rvm安装ruby

    3.1  输入(列出已知的版本)

     rvm list known

    3.2  安装ruby

    rvm install 2.0.0

    安装成功之后,再输入

    ruby -v 和 gem -v(查看版本)

    4.安装sass

    4.1 sudo gem install sass

    再输入 sass -v,返回如下(证明安装成功)

    5.webpack配置sass自动编译

    5.1  选择Preferences

    5.2  搜索file watchers(点击左下角的➕,选择scss)

    5.3  Program, Arguments, Output paths to refresh(为必填项,后面两个是自动添上的,Program是需要装上使用Ruby安装sass之后会有默认的,如何没有安装ruby请往回看前面的1  ~3步)

    配置sass可能出现的问题可以查看:Mac 安装SASS流程 及可能遇到的问题

    更详细安装ruby的步骤可以查看:Ruby篇--Mac OS X 上安装Ruby运行环境

    相关文章

      网友评论

          本文标题:mac os x安装ruby,并在webstorm中配置sass

          本文链接:https://www.haomeiwen.com/subject/usltpxtx.html