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 · 6149 次点击
    这是一个创建于 2390 天前的主题,其中的信息可能已经有所发展或是发生改变。

    喵~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   ·   我们的愿景   ·   实用小工具   ·   1519 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 17:17 · PVG 01:17 · LAX 10:17 · JFK 13:17
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.