Maison >interface Web >tutoriel HTML >Sass开发环境搭建_html/css_WEB-ITnose

Sass开发环境搭建_html/css_WEB-ITnose

WBOY
WBOYoriginal
2016-06-24 11:20:291019parcourir

一. Ruby环境下Sass的安装

     a.安装Ruby

          1.下载rubyinstaller安装

          2.命令行或者直接使用sass gem包安装Sass。

          具体安装方法请参见: http://www.w3cplus.com/sassguide/install.html。(Sass gem地址已经被和谐了,大家可以从我的网盘下载gem包: http://pan.baidu.com/s/1hslRynE)

       

     b.安装Sass开发环境Sublime Text

          Sublime安装完后配置起来比较繁琐,

          1.需要安装PackageControl工具,PackageControl用于管理Sublime的插件管理器。

             PackageControl 的安装方法很多,具体的可以参考: http://www.imjeff.cn/blog/62/

          2.安装Sass开发插件。

             Sass插件的安装很简单,快捷键 Ctrl+Shift+P,输入 install 选中Install Package并回车

             然后输入Sass,选择Sass

          3.安装SassBuilder开发插件。

              安装方法同第2步骤

          Sublime的安装包和Package Control都可以在我的网盘中找到

 

     c.安装UI编译工具。

          如果大家觉得使用Ruby命令编译Sass很麻烦的话,这里推荐使用koala。

          koala可以在我的网盘中找到。

 

二.VS集成安装Sass

     对于Ruby程序员或者专业的前端来说,第一种方法固然可以,然而对于.net程序员来说安装一堆不常用的开发工具确实很麻烦。这里介绍宇宙第一神器,VS集成Sass的方法。使用Mindscape.WebWorkbench.Integration插件。插件的安装包已经在我的网盘了,大家直接下载安装即可。

 

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn