SCSS 初级使用
来源:互联网 发布:炉石大数据是哪个app 编辑:程序博客网 时间:2024/06/14 09:24
安装 ruby
On Windows machines, you can use RubyInstaller
NOTE: Centos install gem, run
sudo yum install ruby-rdoc ruby-devel
yum install rubygems
替换 gem 镜像源 (ruby.taobao.org)
gem sources -lgem sources -r http://rubygems.org/gem sources -a http://ruby.taobao.org/gem sources -c
安装compass,在命令行中输入
gem install compass
创建测试项目 'myproject'
compass create myproject --sass-dir "sass" --css-dir "css" --javascripts-dir "js" --images-dir "images"
进入到 'myproject' 目录, 并打开 config.rb 文件。列出了常用的配置参数:
http_path = "/"css_dir = "css" #生成的css目录sass_dir = "sass" #需要编译的scss目录images_dir = "images" #需要编译的图片目录javascripts_dir = "js" #js目录,没什么用output_style = :expanded #(:nested、:compact和:compressed)line_comments = false;#是否生成注释#environment = :development #(:production或者:development),智能判断编译模式。
新建一个test.scss文件,然后输入以下命令就可以一边编译一边生成css文件了
【ps:记得在当前窗口运行命令,否则会找不到 config.rb 配置文件】
compass watch
Linux, osx 用户可用这个脚本启用后台监听程序: sass-watch
scss语法文档
基本语法入门教程:http://www.w3cplus.com/sassguide/
0 0
- SCSS 初级使用
- scss 使用例子
- scss使用笔记
- scss
- SCSS
- scss
- scss
- scss
- scss
- scss
- 使用brackets编译scss文件
- 在vue中使用scss
- Vue.js中使用Scss
- intellij使用SCSS(图片详解)
- 在vue中使用scss
- mac webstrom 使用scss,sass
- 使用 sass/scss 编写CSS 快速上手
- PHPStrom使用SASS,SCSS和Compass
- 详解EBS接口开发之采购订单导入
- unity waitforseconds
- Android Studio 定义程序的版本号和版本名称
- 封装solrj之二次开发
- 自己动手写malloc
- SCSS 初级使用
- Java连接SQL2008R2(1)
- jms简介
- 算法——先进先出队列
- 第三方应用检测应用作假(都需要修改android系统源码)
- 配置KVM虚拟机的网络,Bridge和Nat方式
- Tomcat7源码解析
- 深入理解消息处理—LOOPER、HANDLER、THREAD
- 你看,星星开满树