点击查看 sass 官方文档 1.编译 初学可以在atom 中编译 安装命令 gem install sass atom中安装atom-sass ,mac 中“control+option+c”,windows中“Alt + Ctrl + c” 监控修改的样式文件； 在终端通过指令控制 sass --watch sass文件夹名：css文件夹名...
前言 假设我们原有项目的主题色是蓝色的，这时有个需求，需要把主题色改成橙色的。一般情况下，我们可能会在main.js中引入公共样式文件，但你会发现，在组件中使用公共样式文件中定义的某个参数时，会报一个错误："变量未定义"。 那还有一种写法是，在每个组件中都引入公共样式(注：需要用到公共样式的组件)，但这样写，感觉代码会很不perfect 。 那有没有什么办...
为sublime text 添加LESS语法高亮 功能：LESS高亮插件 下载https://packagecontrol.io/packages/LESS 简介：用LESS的同学都知道，sublime没有支持less的语法高亮，所以这个插件可以帮上我们 使用：打开.less文件或者设置为less格式 为sublime text 添加SASS语法高亮 s...
全局变量和局部变量 要了解sass或less的变量，有必要先了解下js的变量定义，先来一段js的代码： var a = 1; (function(){ a = 5; })(); console.log(a);//5 上面这段代码，匿名函数里面的a因为没有使用var关键字来定义，所以当我们在函数外打印a的时候，得到的是5，改变了一开始定义的1 var...
[Sass]声明变量 定义变量的语法： 在有些编程语言中（如，JavaScript）声明变量都是使用关键词“var”开头，但是在 Sass 不使用这个关键词，而是使用大家都喜欢的美元符号“$”开头。我想用一张图来解释，我一直坚信，一图胜千言万语： 上图非常清楚告诉了大家，Sass 的变量包括三个部分： 声明变量的符号“$” 变量名称 赋予变量的值...
认识SASS/Compass SASS是一种CSS的开发工具，提供了许多便利的写法，大大节省了设计者的时间，使得CSS的开发，变得简单和可维护。 SASS与Compass的安装说明 SASS在Windows操作系统内依赖于Ruby环境，因此在安装SASS之前： 1、需要先安装Ruby。Ruby现阶段的安装与一般应用程序安装没有太大区别，环境变量等由安装程序...
1、安装Ruby 2、安装sass 3、webstorm配置file watcher 4、移动端自适应 1、安装Ruby 安装Ruby，有多种方式，打开官网下载 因为，使用的是window选择RubyInstall，下载地址 RubyInstall下载地址 选择对应系统的版本，下载完成，安装 添加到path，建议勾上，安装完成后，打开开始面板，...
安装Sass和Compass sass基于Ruby语言开发而成，因此安装sass前需要安装Ruby。（注:mac下自带Ruby无需在安装Ruby!） window下安装SASS首先需要安装Ruby，先从官网下载Ruby并安装。安装过程中请注意勾选Add Ruby executables to your PATH添加到系统环境变量。如下图： 安装完成后需测...
1. 报错后，查看了版本。 查看node版本：node -v 查看npm版本：npm -v 查看Augular版本：ng --version 2. 感觉 Augular CLI版本太低，使用以下方法升级到最新版本： 》 npm uninstall -g @angular/cli 》 npm cache verify (或 npm cache clean -...
网上说的方案各有各的说法，尝试多个才找到有效方案，为避免后来者麻烦，现在讲讲如何调试 笔者ruby版本为3.4.19，因为sass文件的编译是需要ruby环境的，使用sass前需要先安装！ 第一步(核心)：在sass文件目录下，执行命令如下（笔者图方便，简单命名为a.scss） sass --watch --scss...