idea sass scss配置

1.安装Ruby

  https://ruby.taobao.org/ 可下载

  。。ruby -v 看Ruby版本

2.通过Ruby安装Sass

  淘宝的镜像不维护了

  https://ruby.taobao.org/

  本站将不在继续维护,本站的维护者已经或即将参与到 Ruby China 镜像 的维护工作中,目前已将安装请求重定向到 Ruby China 镜像,请大家注意更换本地的 Gem Source。

  使用  -a 或者 --add 是新增一个镜像地址,   --remove 去掉   -l 查看当前的镜像        可以用gem --help  看功能

  $ gem sources --add https://gems.ruby-china.org/ --remove https://rubygems.org/
  $ gem sources -l

 可功换掉了
  *** CURRENT SOURCES ***

 https://gems.ruby-china.org

如果出现ssl-conn  就是本机 不支持https 协议
 $ gem sources --add http://gems.ruby-china.org/   就可以了

3.IDEA sass或 scss 配置

可以 sass --help 看一下功能

arguments:  --style compressed --no-cache --update --sourcemap $FileName$:$FileParentDir$\css\$FileNameWithoutExtension$.css

       样式压缩                 不缓存                     产生map文件      $FileName$文件名字     $FileParentDir$ 父级文件夹      $FileNameWithoutExtension$  //生成的名字

其他默认就可以了

在win7上是这样的

配置完后 文件路径

可以参考一下:http://blog.csdn.net/zapzqc/article/details/42147519

时间: 2024-08-02 11:06:14

idea sass scss配置的相关文章

sass 安装配置和使用

一.什么是SASS SASS在CSS的基础上做了一些扩展,使用SASS你可以使用一些简单的编程思想进来编写CSS.比如,SASS中可以定义变量.混合.嵌套以及 函数等功能.只不过SASS不像CSS,可以直接运用到项目中,如果你需要将样式运用到项目中,有一个步骤是必须经过的--SASS转译成CSS. 到目前为止,将SASS转译成CSS并不是件困难的事情.可以通过命令行工具或者第三方插件来完成SASS向CSS的转译工作,并且转译出来的CSS代码,格式优美,且符合CSS的标准. SASS发展到今天,变

「Vue」vue-cli 3.0集成sass/scss到vue项目

vue-cli 3提供了两种方式集成sass/scss: 创建项目是选择预处理器sass手动安装sass-loader创建项目选择预处理器sass$ vue create vuedemo? Please pick a preset: (Use arrow keys)> default (babel, eslint) Manually select features移动上下键选择“Manually select features”:表示手动选择创建项目的特性. 显示如下: ? Check the

sass/scss 和 less的区别

转自:孤舟蓑翁 的博客http://www.cnblogs.com/wangpenghui522/p/5467560.html 高级程度排名: SASS (变量+混入+继承+函数+条件判断+嵌套+for+if+工具库Compass) >  SCSS (变量+混入+继承+函数+条件判断) > LESS (嵌套+变量+混入) > CSS (纯静态) 一. Sass/Scss.Less是什么? Sass (Syntactically Awesome Stylesheets)是一种动态样式语言,

前端编码规范(4)—— CSS 和 Sass (SCSS) 规范

CSS and Sass (SCSS) style rules ID and class naming ID和class(类)名总是使用可以反应元素目的和用途的名称,或其他通用名称.代替表象和晦涩难懂的名称. 应该首选具体和反映元素目的的名称,因为这些是最可以理解的,而且发生变化的可能性最小. 通用名称只是多个元素的备用名,他们兄弟元素之间是一样的,没有特别意义. 区分他们,使他们具有特殊意义,通常需要为“帮手”. 尽管class(类)名和ID 的语义化对于计算机解析来说没有什么实际的意义, 语

前端工具SASS的配置及基本用法

声明:网上类似的教程不胜枚举,这里只是记录自己安装的过程.以便自己日后使用. 环境配置过程: 1,安装sass以及环境: 正如gulp是基于node.js一样,sass是基于ruby的,所以在使用sass之前一定要安装ruby. 官方下载链接,由官方的介绍,下载的是ruby 2.2.4(x64)版本. 安装的时候注意,不要更改默认的安装路径.并选择框中的选项 安装好之后在开始菜单打开框中的选项: 然后在命令行中输入: gem install sass 等待系统自动安装完成 常用命令行: sass

IntelliJ IDEA sass环境配置及常见报错处理

1.下载安装ruby,网上教程很多的,安装完之后在命令行输入ruby -v检查一下是否安装成功了.(注意安装的时候要勾选第二项). 2.安装compass gem install compass 然后compass -v检查是否安装成功以及版本信息. 3.安装normalize gem install compass-normalize 4.安装sass,命令行输入,然后sass -v检查一下. gem install sass 然后sass -v检查是否安装成功以及版本信息. 配置Compas

WebStrom Sass 编译配置 windows

第一步: 先安装Ruby下载 一路next 安装完成后打开开始菜单 打开后输入 gem insall sass sass -v 出现版本号说明成功 第二部配置webstorm 在webstorm中settings中搜索file watchers工具,在此工具中添加一个scss的watcher 确定,打开一个scss的文件测试下即可

sass / scss

Sass 有两种语法规则(syntaxes),目前新的语法规则(从 Sass 3开始)被称为 "SCSS"( 时髦的css(Sassy CSS)),它是css3语法的的拓展级,就是说每一个语法正确的CSS3文件也是合法的SCSS文件,SCSS文件使用.scss作为拓展名.第二种语法别成为缩进语法(或者 Sass),它受到了Haml的简洁精炼的启发,它是为了人们可以用和css相近的但是更精简的方式来书写css而诞生的.它没有括号,分号,它使用 行缩进 的方式来指定css 块,虽然sass

PHPStrom使用SASS,SCSS和Compass

以前尝试 SASS 的时候写了一篇安装方法,大部分操作还是相同,下面补充一些内容主要是填坑,实在太TMD坑爹了. 参考这篇文章: http://blog.csdn.net/zhouzme/article/details/45059419 补充内容: 安装 SASS 和 Compass 这一步经过我昨天的测试,已经不需要修改源地址了,可以直接通过 https://rubygems.org/ 地址进行下载了,反而淘宝那个地址总是出现 SSL 相关错误,貌似HTTPS证书有问题,所以直接忽略了吧. 安