zoukankan      html  css  js  c++  java
  • SASS + COMPASS + Prepros

    1.Ruby

    sass是需要ruby语言支持的,所以先安装ruby.

    2.SASS:是CSS语言的扩展,可以使用变量,嵌套规则,mixins(类似宏,使代码重用), @import(引用其他scss文件))。与CSS语言完全兼容,使得大型的CSS文件,可以有组织。因为,可以分开多个sass文件,编译后可以在一个css文件内,html文件可以只连接这个CSS文件,programmer可以动态管理sass文件。

    sass Documentation

    sass安装,

    gem install sass
    

    sass 版本信息

    sass -v

    3.Compass 是一个css的框架,使sass 样式语言更加简便和高效,

    Compass Documentation

    安装compass

    gem install compass
    

    compass 版本信息

    compass -v

    4.Prepros 是一个网页设计和开发的工具,做预处理,和最优化,测试网页,使得你的工作流在你的控制之中。

    *编译一切:预编译LESS,Sass,SCSS,Stylus,Jade,Slim,Coffeescript,LiveScript,Haml,Markdown.

    ---------把路径拖到prepros里面,当你的路径中的SCSS文件发生变化时,相应的css文件也自动更新(cool!),你可以选择编译出压缩的CSS。

    *JS 连接:当文件修改后,最小化和实时连接你的js。

    *图片最优化:最优化png,jpg,提高网页加载速度

    *1-Click FTP 发布:完全控制你即将发布的内容

    *远程设备的检测:像Weinre一样,检测任何连接到你的LAN的远程的手机或平板利用chrome。

    *可共享配置文件:通过prepros.json文件,共享项目和文件的设置,在不同的用户,团队成员,或电脑之间。

    **多设备测试:可以测试任何连接到你的LAN的客户服务器和设备,实时刷新。

    *即时浏览器刷新:在有css注入时即时刷新浏览器,也刷新PHP,HTML&CSS文件

    *内置http 服务器:1-click HTTP server 去测试网页,没有任何限制和file url.

    5.Bracket是一个代码编辑器,针对于网页的开发。(for X OS)有个更令人喜爱的espresso

     

  • 相关阅读:
    LeetCode 32. 最长有效括号(Longest Valid Parentheses)
    LeetCode 141. 环形链表(Linked List Cycle)
    LeetCode 160. 相交链表(Intersection of Two Linked Lists)
    LeetCode 112. 路径总和(Path Sum)
    LeetCode 124. 二叉树中的最大路径和(Binary Tree Maximum Path Sum)
    LightGBM新特性总结
    sql service 事务与锁
    C#泛型实例详解
    C# 中的委托和事件(详解)
    C# DateTime日期格式化
  • 原文地址:https://www.cnblogs.com/IanI/p/4031496.html
Copyright © 2011-2022 走看看