打算把 V2EX 的 CSS 迁移到 LESS 上,大家有什么推荐的 workflow 么? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Livid
209.79D
595.26D
V2EX    CSS

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

  •  
  •   Livid
    PRO
    2013-06-14 10:01:24 +08:00 7750 次点击
    这是一个创建于 4578 天前的主题,其中的信息可能已经有所发展或是发生改变。
    32 条回复    2015-01-02 09:01:29 +08:00
    tokki
        1
    tokki  
       2013-06-14 10:16:37 +08:00
    试试stylus ,基本上认识的做python的 都是jade stylus了
    Sivan
        2
    Sivan  
       2013-06-14 10:18:39 +08:00
    用 codekit 或者 grunt.js 吧,不过我是用 SCSS 的。
    leojoy710
        3
    leojoy710  
       2013-06-14 10:18:52 +08:00
    开发用less.js...发布的时候编译...
    区分是否debug...静态文件管理的组件输出不同的css或less...
        4
    Livid  
    MOD
    OP
    PRO
       2013-06-14 10:24:49 +08:00
    如果想让它每次变化的时候就编译呢?
    ritksm
        5
    ritksm  
       2013-06-14 10:25:54 +08:00   1
    kfll
        6
    kfll  
       2013-06-14 10:41:04 +08:00 via iPhone
    @Livid
    Intelli 系开发的话配置一下保存编译即可
    其他的也可以watch
    1502
        7
    1502  
       2013-06-14 10:43:45 +08:00
    我比较喜欢 [grunt](http://gruntjs.com),task 可以自己定义,很方便。
    leojoy710
        8
    leojoy710  
       2013-06-14 11:23:56 +08:00   1
    66beta
        9
    66beta  
       2013-06-14 12:06:29 +08:00
    虽然都没用过,但是我是亲sass党
    deepure
        10
    deepure  
       2013-06-14 12:36:37 +08:00 via Android
    开发环境不编译,发布的时候编译最好,不需要同时维护less和css文件
    spritevan
        11
    spritevan  
       2013-06-14 13:08:41 +08:00   1
    tornado 的话, 之前弄过一个重载开发环境下的 static_handler_class, 访问 less/styl 后缀文件吐回(实时)编译后的 css

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

    LESS 也有一些 mixins collections:

    1. http://lesshat.com/
    2. http://mateuszkocz.github.io/3l/
    honk
        23
    honk  
       2013-06-14 22:43:52 +08:00
    yangg     24
    yangg  
       2013-06-14 22:46:22 +08:00
    同感觉sass好
    dingyi
        25
    dingyi  
       2013-06-14 22:59:10 +08:00
    说实话 @livid 专注后端开发的话确实比较适合less,配合 preboot(http://getpreboot.com)的 mixins 就够用了,如果是专注前端或只是 css 领域的,sass 比 less 要高级很多。
    leecade
        26
    leecade  
       2013-06-14 23:38:52 +08:00
    1. stylus

    2. yeoman
    fsw90628
        27
    fsw90628  
       2013-06-15 01:06:07 +08:00
    ghbjy1128
        28
    ghbjy1128  
       2013-06-15 07:20:31 +08:00   1
    公司在用SASS,感觉非常好。
    gDD
        29
    gDD  
       2013-06-15 09:08:09 +08:00
    Sass [ + Compass [ + Susy ] ]
    编译/watch用Grunt。
    germ
        30
    germ  
       2013-06-15 09:15:53 +08:00
    感觉简单的东西貌似被复杂化了。。
    witmin
        31
    witmin  
       2013-10-24 23:41:14 +08:00 via iPhone
    喜欢SASS多一点,不用加Javascript,用webstorm写css的时候会比较方便
    pertersonvv
        32
    pertersonvv  
       2015-01-02 09:01:29 +08:00
    现在代码在less上了?
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2636 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 35ms UTC 12:11 PVG 20:11 LAX 04:11 JFK 07:11
    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