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运行环境
网友评论