window环境下Ruby和Sass的最新安装步骤详解

版权声明: https://blog.csdn.net/qq_39207948/article/details/84031269

步骤一:

进入ruby的官网https://rubyinstaller.org/,界面展示如下:点击Download,进入下载页面

步骤二:根据自己的电脑配置选择相应的ruby安装包进行下载,我的电脑是win7,64位的,根据右侧英文文档第一项的推荐,选择了=》Ruby+Devkit2.5.3-1(x64)

步骤三:Ruby 安装文件下载好后,可以按应用软件安装步骤进行安装 Ruby。在安装过程中,个人建议将其安装在 C 盘下,在安装过程中选择“Add Ruby executables to your PATH”(不选中,就会出现编译时找不到Ruby环境的情况)

 

步骤四:安装完成之后, 在“开始”中输入cmd调出命令控制行工具,输入ruby -v 验证是否成功安装ruby,安装成功有ruby版本号

步骤五:修改ruby软件包的sources,这是由于国内网络的原因,会导致rubygems.org放在亚马逊服务器的资源文件经常出现间断性访问不到,将其改为国内镜像版。

(1)移除如rubygems.org,指令及结果如下:

跟换rubygems的sources:网上很多资源都说使用国内淘宝的镜像版本,然而经多次尝试会报以下错误提示:找不到资源,后面括号中跟了重定向的地址,跟换地址后仍然报错.

(2)跟换rubygems的sources,使用最新域名https://gems.ruby-china.com/,进入ruby China官网

 由于前面已经移除了rubygems.org,这里使用官网上给出指令的前半部分的添加指令操作即可:

步骤六:安装Sass

 至此,sass的运行环境ruby安装完成,Sass也成功安装。

补充指令:

(1)更新ruby程序,gem update

(2)安装指定版本的程序 gem install sass --version=3.3

(3)列出本地安装的所有ruby程序包 gem list

(4)删除指定版本的sass gem uninstall sass --version=3.3.0

(5)整个删除sass  gem uninstall sass

简单使用,将sass文件编译成css文件

(1)使用mkdir -p learnsasscli 建立learnsasscli文件夹,然后进入到该文件夹中,在其中通过vim编辑器,建立一个main.scss文件,在vim 编辑器中,i是插入指令,使用ESC+":"+"wq"是保存退出指令

 

 

 

 (2)使用sass指令“sass main.scss main.css”将.scss文件转换为.css文件,通过"ll"指令,列出该文件下面的所有文件,可以看到main.scss文件已经通过main.css.map映射到了main.css文件中,然后通过vim main.css指令进入查看生成的css文本

 

 (3)以上就是编译转换过程,最终生成的文件如下:

猜你喜欢

转载自blog.csdn.net/qq_39207948/article/details/84031269
今日推荐