各位大大,小的我想入手一个 css 预编译,请问现在哪个好- -less, sass, stylus?还是有其他的嘛。。 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a Javascript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
Javascript 权威指南第 5 版
Closure: The Definitive Guide
TYchen
V2EX    Javascript

各位大大,小的我想入手一个 css 预编译,请问现在哪个好- -less, sass, stylus?还是有其他的嘛。。

  •  
  •   TYchen 2017-09-11 21:12:50 +08:00 6684 次点击
    这是一个创建于 2951 天前的主题,其中的信息可能已经有所发展或是发生改变。

    喵~A~

    35 条回复    2017-09-14 08:09:13 +08:00
    murmur
        1
    murmur  
       2017-09-11 21:14:02 +08:00
    个人感觉 less 就够用了,mixin,变量,嵌套,最常用的全支持了,没有多余的
    song940
        2
    song940  
       2017-09-11 22:57:10 +08:00 via iPhone
    PostCSS
    SuperMild
        3
    SuperMild  
       2017-09-11 22:58:18 +08:00
    sass 够用了,简单,支持广。
    zhlssg
        4
    zhlssg  
       2017-09-11 23:21:15 +08:00   3
    其实大部分都差不多,不过不推荐用 sass,node-sass 坑害了多少人...
    WispZhan
        5
    WispZhan  
       2017-09-11 23:36:12 +08:00
    @zhlssg 怎么个说法?
    laclys
        6
    laclys  
       2017-09-11 23:41:13 +08:00
    可以试试 stylus,node 写的
    SilentDepth
        7
    SilentDepth  
       2017-09-11 23:52:40 +08:00
    CSSNext (PostCSS) > Stylus > SASS > LESS
    sensui7
        8
    sensui7  
       2017-09-12 00:32:48 +08:00
    你喜欢缩进而不是括号? stylus
    gem 源被墙是否无所谓? 是 sass.
    大量的 css 框架是基于 sass 是否无所谓? 是 less
    sensui7
        9
    sensui7  
       2017-09-12 00:33:26 +08:00
    @WispZhan 说多了都是泪
    ETiV
        10
    ETiV  
       2017-09-12 01:01:47 +08:00
    我就是因为不喜欢缩进而选择了 stylus …… 233

    都学吧,学习这些东西,成本并不算高,触类旁通的

    你如果只学了某一个,好多开源项目,恰巧是你没学的那个,改起来就比较尴尬了……

    不过还是推荐优先掌握 less,用户基数大

    我给 WebStorm 提了个 stylus 注释后格式化代码导致的缩进 bug,过了 9 个月才被修复
    而期间只有 4、5 条其他人的相同 ticket,说明同时用 webstorm+stylus 的人太少了...
    nidaye999
        11
    nidaye999  
       2017-09-12 02:53:52 +08:00
    Sass 听我的 没错。
    duan602728596
        12
    duan602728596  
       2017-09-12 08:20:21 +08:00 via iPhone
    可以主用 sass,然后过一遍 less 和 stylus
    xcatliu
        13
    xcatliu  
       2017-09-12 08:26:30 +08:00 via iPhone
    PostCSS
    changkong
        14
    changkong  
       2017-09-12 08:39:50 +08:00
    无所谓,喜欢哪个用哪个,反正都差不多,会了一个其他也会了把
    fortunezhang
        15
    fortunezhang  
       2017-09-12 08:49:47 +08:00
    我喜欢 less,建议你多试试,然后选出一个适合自己的. 就目前来说,没有多少功能 A 有而 B 没有,只是实现起来简单与复杂的不同.
    maomaomao001
        16
    maomaomao001  
       2017-09-12 08:53:30 +08:00 via Android
    saas 安装太麻烦了,还要处理中文编码问题,
    直接用 stylus 吧, 我初步使用发现它也支持 sass 那种写法,而且安装太友好了
    sdwill
        17
    sdwill  
       2017-09-12 08:57:48 +08:00
    我在用 sass,但是如果都没了解过的话,推荐 PostCSS。
    hevi
        18
    hevi  
       2017-09-12 10:43:07 +08:00
    sass 吧,还能用命令行动态监听变化生成 css,其他两个配起来太麻烦
    KuroNekoFan
        19
    KuroNekoFan  
       2017-09-12 11:31:46 +08:00
    不知道为什么这么推荐 sass,是我就选 stylus
    之前看一个 sass 重复引入 @import 会编译出重复 css 的问题,2011 年的 issue,到现在还没解决
    hasbug
        20
    hasbug  
       2017-09-12 11:35:23 +08:00
    前端就是花样太多,我只懂用 sass,遇到一些第三方的用了 LESS 就头疼
    flowfire
        21
    flowfire  
       2017-09-12 11:43:58 +08:00 via Android
    @sensui7 感觉三天两头被墙………
    coolcoffee
        22
    coolcoffee  
       2017-09-12 13:06:09 +08:00
    抛开 node-sass 的问题,我认为 sass 比 less 要更好用一点。
    learnshare
        23
    learnshare  
       2017-09-12 13:13:58 +08:00
    Less 第一个,Sass 第二个
    vardarling
        24
    vardarling  
       2017-09-12 13:27:54 +08:00 via iPhone
    用 jss 吧
    dangyuluo
        25
    dangyuluo  
       2017-09-12 13:34:32 +08:00
    我感觉 sass 好用一些
    Lpl
        26
    Lpl  
       2017-09-12 15:21:27 +08:00 via iPhone
    @zhlssg 坑害最多的是我们这种 devops
    wxsm
        27
    wxsm  
       2017-09-12 18:27:13 +08:00
    如果是自己想学,那这些都半斤八两,随便学一个就够用了,也够面试了。
    如果是团队项目,就选会的人最多的那个。
    gclove
        28
    gclove  
       2017-09-12 18:49:56 +08:00
    PostCSS 不知道怎么学 。。。 大佬给我解释下, 我就知道 Autoprefixer

    SASS 和 Stylus 用起来都很顺手,

    PostCSS 是 Vue webpack 里面自带的
    Miy4mori
        29
    Miy4mori  
       2017-09-12 19:25:27 +08:00 via iPhone
    我喜欢 scss
    saran
        30
    saran  
       2017-09-12 19:27:06 +08:00
    less
    SilentDepth
        31
    SilentDepth  
       2017-09-12 23:22:59 +08:00   1
    @gclove #28 PostCSS 之于 CSS,Babel 之于 JS。站在 CSS 的角度,你学的应该是 CSSNext (或者说 CSS4 )
    awesomes
        32
    awesomes  
       2017-09-12 23:35:01 +08:00
    Perry
        33
    Perry  
       2017-09-12 23:36:01 +08:00
    sass / scss
    gclove
        34
    gclove  
       2017-09-12 23:59:48 +08:00
    @SilentDepth 这一定是前端大佬, 膜拜
    levinit
        35
    levinit  
       2017-09-14 08:09:13 +08:00
    各说各有理啊 我推荐 sass,不想适应新风格用 scss 写法减少适应成本
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     5550 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 28ms UTC 08:56 PVG 16:56 LAX 01:56 JFK 04:56
    Do have faith in what you're doing.
    ubao 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