博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
学习笔记 - Sass的安装与使用手册
阅读量:6004 次
发布时间:2019-06-20

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

最近因为工作需要,自学了Sass。现在将学习笔记整理在这里,供大家参考。

1. Sass的安装

Sass的编辑器安装方法有很多,大致能分为两种:应用程序(application)和命令行界面(command line)。我使用的是命令行。因为之前已经在Mac上安装过Homebrew的package,用的命令行是

brew install sass/sass/sass

Homebrew对系统xCode版本有要求,如遇提示xCode版本过低,在App Store下载更新软件,或者直接卸载软件都可以。

如果已经安装过node.js,也可以使用npm指令

npm install -g sass

如果提示权限不足,在命令行前加上sudo即可。

参考网页

2. Sass编辑器的使用

Sass的使用很简单,记住两条指令即可。

第一条指令如下,意思是编辑input.scss,并输出储存在output.css文件中。指令只编译一次。

sass input.scss output.css

第二条指令增加了一个watch功能。同上述指令,编译input.scss储存至output.css。指令编译多次,适用于开发过程中的编译。.scss文件的改动会被检测(watch)并立即编译写入相应的.css文件中。

sass --watch input.scss output.css

3. 其他

Sass的语法有很多资源都体积到了,在此就不赘述了。

推荐几处参考网站:

  • Sass Basics Sass官方语法
  • Sassmeister 官方Sass在线编辑器

转载地址:http://dxdmx.baihongyu.com/

你可能感兴趣的文章
Python学习第二天-编写购物车
查看>>
AD域组策略-只显示指定的控制面板选项配置方法
查看>>
BigTable——针对结构型数据的一种分布式存储系统
查看>>
ip通信基础第二周回顾
查看>>
唯美MACD-完全版
查看>>
Canvas中 drawImage绘制图片不显示
查看>>
MyEclipse新建Server项目
查看>>
茵茵的第一课
查看>>
Linux实战教学笔记53:开源虚拟化KVM(一)搭建部署与概述
查看>>
PAT 1007
查看>>
USACO习题:Friday the Thirteenth
查看>>
C++ VS2012 内存泄露检测
查看>>
zabbix 批量添加聚合图形
查看>>
北京交通大学第六届新生程序设计竞赛题解
查看>>
求解点关于直线的距离、垂足、对称点公式
查看>>
洛谷 P1577 切绳子【二分答案】
查看>>
用 Google Map 的 Geocoder 接口来反向地址解析
查看>>
在中小型公司如何做好测试——论测试计划的重要性
查看>>
BSS段、数据段、代码段、堆与栈
查看>>
python调用c/c++写的dll
查看>>