sass安装ruby版本|webstrom怎么安装sass

|

❶ webstrom怎么安装sass

1、下载ruby最新版2.1.5,安全起见可以安装ruby 1.9.3-p551ruby安装文件自己网络一下,容易找到。2、安装过程中,一定注意勾选第二项!否则cmd命令会找不到。3、安装完后,检查是否安装成功Win+r快捷键启动cmd命令窗口,输入ruby -v,注意中间空格,显示版本号说明成功。4、借助ruby安装sass,dos命令窗口输入“gem install sass”该命令一定要在system32文件下cmd.exe执行,默认安装目录在C:\Windows\System32\cmd.exe文件5、安装过程中,耐心等待,直到提示安装进度100%。同样通过“sass -v”命令(中间有空格)检查安装结果,显示当前版本号。6、接着需要配置webstorm下sass编译环境。打开webstorm创建空项目,点击“File”菜单选择“Setting”,搜索“watcher”关键字,7、点击右边绿色加号,选择“SCSS”文件类型。8、输入监视文件类型名称(随便写),关键第二个选项,一定要选择ruby安装目录bin文件下的scss.bat文件9、最后,创建.scss文件输入scss css代码,保存后会生成后缀.css文件,说明环境编译没问题。

❷ webstorm vue文件中写sass提示错误,应该怎么配置才能不提示错误

Webstorm是一个很牛叉的IDE,现在工作每天都是用它了。最近开始用SASS,LESS等来写CSS,而在Webstorm中,它自带一个File Watchers功能,设置一下,即可实时编译SASS,LESS等。LESS的实时编译很简单,在node平台安装一下即可。而在折腾SASS在Webstorm上的实时编译时,花了我一点时间。因为按照网上的教程设置都不成功,最后自己把设置改来改去终于折腾好了。下面就是在WebStorm设置SASS的File Watchers的步骤:1. 安装Ruby,去这里下载,然后安装。2. 安装Sass安装好Ruby后,打开CMD命令,输入:gem install sass注意:这里有可能安装没反应或提示网络错误什么的。解决办法是使用淘宝的Ruby gem镜像:$ gem sources –remove $ gem sources -a $ gem sources -l*** CURRENT SOURCES ***# 请确保只有 ruby.taobao.org$ gem install sass3. 上面都安装没问题以后,就可以设置Webstorm或PHPStorm了3.1 打开Webstorm的设置界面,然后搜索File Watcher;3.2 点击File Watchers界面的增加按钮;3.3 然后设置界面如下:注意:如果你想用SCSS,并且Ruby是安装在默认路径下,那么”File Type:“和”Program:“那里的设置就和我一样;如果是用SASS,那么你在新建时应该选择SASS的类型,”Program:“也应该选”sass.bat“。A

❸ sass和less的区别在哪里

1.编译环境不一样Sass的安装需要Ruby环境,是在服务端处理的,而Less是需要引入less.js来处理Less代码输出css到浏览器,也可以在开发环节使用Less,然后编译成css文件,直接放到项目中。2.变量符不一相less是@,而scss是$,而且它们的作用域也不一样,less是块级作用域3.输出设置不一样Less没有输出设置,sass提供4种输出选项,nested,compact,compressed和expanded nested:嵌套缩进的css代码(默认) expanded:展开的多行css代码 compact:简洁格式的css代码 compressed:压缩后的css代码4.sass支持条件语句,可以使用if{}else{},for{}循环等等,而less不行5.引用外部css文件sass引用外部文件必须以开头,文件名如果以下划线形状,sass会认为该文件是一个引用文件,不会将其编译为css文件。less引用外部文件和css中的@import没什么差异。6.sass和less的工具库不同sass有工具库Compass, 简单说,sass和Compass的关系有点像Javascript和jQuery的关系,Compass是sass的工具库。在它的基础上,封装了一系列有用的模块和模板,补充强化了sass的功能。less有UI组件库Bootstrap,Bootstrap是web前端开发中一个比较有名的前端UI组件库,Bootstrap的样式文件部分源码就是采用less语法编写。总结:不管是sass,还是less,都可以视为一种基于CSS之上的高级语言,其目的是使得CSS开发更灵活和更强大,sass的功能比less强大,基本可以说是一种真正的编程语言了,less则相对清晰明了,易于上手,对编译环境要求比较宽松。考虑到编译sass要安装Ruby,而Ruby官网在国内访问不了,个人在实际开发中更倾向于选择less。 (BY三人行慕课)


赞 (0)