青蛙king的博客

一、安装 stylus二、使用 stylus1、注释2、变量3、函数（1）、内置函数（2）、自定义函数（3）、函数的参数4、插值（Interpolation）5、混合（Mixins）6、条件7、迭代（Iteration）后言：导入（@import）、媒体查询（@media）、动画（@keyframes）、定义字体（@font-face）、继承（@extend）详见：stylus 官方文档stylus中文版参考文档...

less概览变量（Variables）混合（Mixins）嵌套（Nesting）运算（Operations）转义（Escaping）函数（Functions）命名空间和访问符映射（Maps）作用域（Scope）注释（Comments）导入（Importing）

一、安装 sassnpm install node-sass --save-devnpm install sass-loader --save-dev二、使用 sass

修改第三方组件库的样式；修改其他组件的私有样式（其样式使用了 scoped 属性）。

1.安装：npm install node-sass --save-dev //安装node-sass npm install sass-loader --save-dev //安装sass-loader2.整理 node-sass 安装失败的原因及解决办法npm 安装 node-sass 依赖时， 由于国内网络环境的问题，有时会失败。解决方法：使用淘宝镜像npm i node-sass --sass_binary_site=https://npm.taobao.org/mirro.

目录一、Less、Sass、Scss是什么?二、less和sass的相同之处三、less和sass的不同之处一、Less、Sass、Scss是什么?1、Less、Sass都是一种动态样式语言。2、Scss（sassy css）是Sass的升级版，兼容了css代码，用{}取代了原来的缩进语法。二、less和sass的相同之处1、混入(Mixins)—...

一、scss 转 css1、当前工作区配置（1）、安装 Easy Sass（2）、配置Easy Sass第一步：如下图代开设置（也可以：ctrl+, 快捷键打开设置，或者在 文件 > 首选项 > 设置）第二步：选择工作区第三步：在 setting 文件中，输入以下代码：{ /** Easy Sass 插件 **/ "easysass.formats": [ {//nested：嵌套缩进的 css 代码。//expanded：没有缩进的、.