Livid
278.36D
569.17D
V2EX  ›  CSS

打算把 V2EX 的 CSS 迁移到 LESS 上,大家有什么推荐的 workflow 么?

  •  
  •   Livid ·
    PRO
    · Jun 14, 2013 · 7988 views
    This topic created in 4722 days ago, the information mentioned may be changed or developed.
    32 replies    2015-01-02 09:01:29 +08:00
    tokki
        1
    tokki  
       Jun 14, 2013
    试试stylus ,基本上认识的做python的 都是jade stylus了
    Sivan
        2
    Sivan  
       Jun 14, 2013
    用 codekit 或者 grunt.js 吧,不过我是用 SCSS 的。
    leojoy710
        3
    leojoy710  
       Jun 14, 2013
    开发用less.js...发布的时候编译...
    区分是否debug...静态文件管理的组件输出不同的css或less...
    Livid
        4
    Livid  
    MOD
    OP
    PRO
       Jun 14, 2013
    如果想让它每次变化的时候就编译呢?
    ritksm
        5
    ritksm  
       Jun 14, 2013   ❤️ 1
    kfll
        6
    kfll  
       Jun 14, 2013 via iPhone
    @Livid
    Intelli 系开发的话配置一下保存编译即可
    其他的也可以watch
    1502
        7
    1502  
       Jun 14, 2013
    我比较喜欢 [grunt](http://gruntjs.com),task 可以自己定义,很方便。
    leojoy710
        8
    leojoy710  
       Jun 14, 2013   ❤️ 1
    66beta
        9
    66beta  
       Jun 14, 2013
    虽然都没用过,但是我是亲sass党
    deepure
        10
    deepure  
       Jun 14, 2013 via Android
    开发环境不编译,发布的时候编译最好,不需要同时维护less和css文件
    spritevan
        11
    spritevan  
       Jun 14, 2013   ❤️ 1
    tornado 的话, 之前弄过一个重载开发环境下的 static_handler_class, 访问 less/styl 后缀文件吐回(实时)编译后的 css

    现在直接在 vim bufwritepost 的时候去生成 css, 生产环境就不用再去写 makefile 了
    配合语法检查 https://github.com/scrooloose/syntastic
    buru
        12
    buru  
       Jun 14, 2013
    我用sass ,蛋疼的装了一套ruby gem环境,然后就是sass --watch 很方便
    pepsin
        13
    pepsin  
       Jun 14, 2013
    V2EX不是有人做了个Koala么,挺好用的,每次保存编译一次。
    hiwljun
        14
    hiwljun  
       Jun 14, 2013   ❤️ 1
    hzlzh
        15
    hzlzh  
    PRO
       Jun 14, 2013
    操作只维护Less即可,Less->CSS 工具自动监控变动就编译。
    工具的话用:CodeKit / LiveReLoad / Less
    ( via http://front-end-standards.com/#2711mac )
    wenbinwu
        16
    wenbinwu  
       Jun 14, 2013
    如果是在桌面的话,试试less主页上推荐的gui工具
    refresh
        17
    refresh  
       Jun 14, 2013
    @Livid grunt watch,或bbb
    MarshallChen
        18
    MarshallChen  
       Jun 14, 2013
    stylus === niubility
    leohxj
        19
    leohxj  
       Jun 14, 2013 via iPhone
    我也是用grunt watch
    goldenlove
        20
    goldenlove  
       Jun 14, 2013
    grunt +1,GUI前面也都有人提过... Less , LiveReload
    insraq
        21
    insraq  
       Jun 14, 2013
    SASS is more robust than Less
    zhuoqun
        22
    zhuoqun  
       Jun 14, 2013
    一直用 LESS, 不过看到 Compass( http://compass-style.org/ )之后有点儿想尝试一下 SASS 了。

    LESS 也有一些 mixins collections:

    1. http://lesshat.com/
    2. http://mateuszkocz.github.io/3l/
    honk
        23
    honk  
       Jun 14, 2013
    沒裝 LiveReload 或 Grunt 的情況,vim 黨可以參考這個:
    http://blog.hugeaim.com/2011/12/15/compiling-less-files-from-vim-every-save-action/
    yangg
        24
    yangg  
       Jun 14, 2013
    同感觉sass好
    dingyi
        25
    dingyi  
       Jun 14, 2013
    说实话 @livid 专注后端开发的话确实比较适合less,配合 preboot(http://getpreboot.com)的 mixins 就够用了,如果是专注前端或只是 css 领域的,sass 比 less 要高级很多。
    leecade
        26
    leecade  
       Jun 14, 2013
    1. stylus

    2. yeoman
    fsw90628
        27
    fsw90628  
       Jun 15, 2013
    ghbjy1128
        28
    ghbjy1128  
       Jun 15, 2013   ❤️ 1
    公司在用SASS,感觉非常好。
    gDD
        29
    gDD  
       Jun 15, 2013
    Sass [ + Compass [ + Susy ] ]
    编译/watch用Grunt。
    germ
        30
    germ  
       Jun 15, 2013
    感觉简单的东西貌似被复杂化了。。
    witmin
        31
    witmin  
       Oct 24, 2013 via iPhone
    喜欢SASS多一点,不用加javascript,用webstorm写css的时候会比较方便
    pertersonvv
        32
    pertersonvv  
       Jan 2, 2015
    现在代码在less上了?
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5594 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 146ms · UTC 06:05 · PVG 14:05 · LAX 23:05 · JFK 02:05
    ♥ Do have faith in what you're doing.