博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
IntelliJ IDEA sass环境配置及常见报错处理
阅读量:4338 次
发布时间:2019-06-07

本文共 972 字,大约阅读时间需要 3 分钟。

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检查是否安装成功以及版本信息。

配置Compass Watcher

File->Settings->Tools->File Watchers

点击右上角绿色的+号,选择compass scss

Arguments里面填

compile $UnixSeparators($FilePath$)$

Working directory里面填

$UnixSeparators($FileParentDir$)$

后面两项留空。

开始使用:

1、在sass文件夹里新建.scss后缀的文件,对应的会在css文件夹里生成相应的css文件,在scss文件里编辑,引入compass的精灵图,开始报错了(引入compass也是一样的报错)

@import "compass/utilities/sprites";

按住Alt+Enter,选择Configure Compass

把左上角的勾点上,确定就行了。

2、还有就是event log里面各种报错文件找不到什么的(There is not such a file in *********),三个可能的原因:

     1)编码格式报错

    File->Settings->Editor->File Encodings,选择UTF-8

    

  2)没有安装compass normalize

gem install compass-normalize

  3)config.rb配置文件有问题(针对.sass-cache文件的报错)

    

    配置文件里加上这句代码。

还有一些其他的报错,一时之间不容易全部记起来,以后想起来的时候再补上。

转载于:https://www.cnblogs.com/kakayang/p/6625201.html

你可能感兴趣的文章
关于jquery中prev()和next()的用法
查看>>
一、 kettle开发、上线常见问题以及防错规范步骤
查看>>
eclipse没有server选项
查看>>
CRC码计算及校验原理的最通俗诠释
查看>>
QTcpSocket的连续发送数据和连续接收数据
查看>>
使用Gitbook来编写你的Api文档
查看>>
jquery扩展 $.fn
查看>>
Markdown指南
查看>>
influxDB的安装和简单使用
查看>>
JPA框架学习
查看>>
JPA、JTA、XA相关索引
查看>>
机器分配
查看>>
php opcode缓存
查看>>
springcloud之Feign、ribbon设置超时时间和重试机制的总结
查看>>
观看杨老师(杨旭)Asp.Net Core MVC入门教程记录
查看>>
UIDynamic(物理仿真)
查看>>
Windows下安装Redis
查看>>
winform非常实用的程序退出方法!!!!!(转自博客园)
查看>>
centos安装vim
查看>>
linux工作调度(计划任务)
查看>>