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

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

  •  
  •   Livid
    PRO
    Jun 14, 2013 7986 views
    This topic created in 4721 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
    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     2980 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 171ms UTC 13:04 PVG 21:04 LAX 06:04 JFK 09:04
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86