V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Can I use?
http://caniuse.com/
Less
http://lesscss.org
Cool Libraries
Bootstrap from Twitter
Jetstrap
ye22st
V2EX  ›  CSS

新项目,用啥 CSS 预处理器?

  •  
  •   ye22st · 2019-10-11 09:18:21 +08:00 · 8243 次点击
    这是一个创建于 1869 天前的主题,其中的信息可能已经有所发展或是发生改变。

    如题,看到现在有 sass,less,scss,stylus 这么多,选择哪一个比较好?请各位大佬给点建议。

    49 条回复    2020-05-18 14:57:33 +08:00
    ccyu220
        1
    ccyu220  
       2019-10-11 09:20:52 +08:00
    less,方便
    uxstone
        2
    uxstone  
       2019-10-11 09:27:27 +08:00
    less
    lianyue
        3
    lianyue  
       2019-10-11 09:30:19 +08:00 via iPhone
    sass scss
    erlking
        4
    erlking  
       2019-10-11 09:31:35 +08:00
    postcss 了解下
    tolking
        5
    tolking  
       2019-10-11 09:32:23 +08:00
    直接 postcss + 插件,爽飞
    wu67
        6
    wu67  
       2019-10-11 09:41:16 +08:00
    scss 中规中矩. stylus 不带空格敲得飞起, 但碰到坑爹同事同样能玩死你. less 没玩过不做评价. 个人更偏爱 scss, 更 css 的语法
    wszgrcy
        7
    wszgrcy  
       2019-10-11 09:41:46 +08:00 via Android
    scss
    noe132
        8
    noe132  
       2019-10-11 09:45:56 +08:00
    stylus 已经很久没更新了。建议用 sass 替代。
    anmie
        9
    anmie  
       2019-10-11 09:49:50 +08:00
    只用 scss 只能说还挺好用的 其余的没用过 不发表评价
    wunonglin
        10
    wunonglin  
       2019-10-11 09:51:13 +08:00
    scss
    hyy1995
        11
    hyy1995  
       2019-10-11 10:10:41 +08:00
    一直都用 sass。预处理器无非就是写的稍微省事点,稍微复杂的页面样式写出来还是一样乱,因为写的嵌套太多层了。。。
    hackyuan
        12
    hackyuan  
       2019-10-11 10:17:54 +08:00
    最喜欢的 vuetify 都已经从 stylus 切换到 scss 了,我也跟着切换了。
    wolfan
        13
    wolfan  
       2019-10-11 10:30:49 +08:00
    scss
    EridanusSora
        14
    EridanusSora  
       2019-10-11 10:31:23 +08:00 via Android
    scss
    dingyaguang117
        15
    dingyaguang117  
       2019-10-11 10:32:02 +08:00
    scss
    markzyh
        16
    markzyh  
       2019-10-11 10:32:27 +08:00
    less 或者 scss,都差不多,写法相似
    yixiang
        17
    yixiang  
       2019-10-11 10:33:23 +08:00
    历程:css -> saas -> stylus -> css + 写个脚本合并压缩多个文件

    你也可以都试试。:doge:
    murmur
        18
    murmur  
       2019-10-11 10:36:14 +08:00
    less 就够了,scss 需要二进制文件,每次下依存都被 wall 一次
    aneureka
        19
    aneureka  
       2019-10-11 10:36:22 +08:00 via Android
    现在用的 scss
    IsaacYoung
        20
    IsaacYoung  
       2019-10-11 10:43:47 +08:00 via iPhone
    安装 node-sass 太费劲了
    yanqing07
        21
    yanqing07  
       2019-10-11 11:18:37 +08:00
    同意楼上,sass scss 都费劲。如果你要在 windows 下开发,还要安装各种库才能编译。能选的话最好简单点,less 吧
    fengbjhqs
        22
    fengbjhqs  
       2019-10-11 11:33:38 +08:00
    sass,用阿里镜像速度还不错,
    undermoodzyx
        23
    undermoodzyx  
       2019-10-11 11:35:05 +08:00
    scss,建议嵌套不要超过三层
    yEhwG10ZJa83067x
        24
    yEhwG10ZJa83067x  
       2019-10-11 13:38:15 +08:00
    建议 sass,现在确实还有人用 less 但是如果我从 2019 年开始的话,我就不会用它了。另外想再深入的话,在看完 sass 后看下 postCSS
    TangMonk
        25
    TangMonk  
       2019-10-11 14:01:29 +08:00
    sass
    ccyu220
        26
    ccyu220  
       2019-10-11 14:02:57 +08:00
    @justrand 只是一个预处理器,我不太懂用 less 和现在是 2019 有什么关联,你可能没有体会过 node-sass 是不是安装不上的无赖,显然是哪个方便用哪个。
    phpcxy
        27
    phpcxy  
       2019-10-11 14:24:08 +08:00
    node-sass 挺难受的
    Junh
        28
    Junh  
       2019-10-11 14:26:56 +08:00 via iPhone
    scss
    yEhwG10ZJa83067x
        29
    yEhwG10ZJa83067x  
       2019-10-11 14:27:04 +08:00
    @ccyu220
    对啊,你觉得方便你用 less 就行
    ps:我只是给了一个我的建议并不是强制,所以我用了如果从我的角度的话。。。
    稍微列出几点
    1、Sass 也是成熟的 CSS 预处理器之一,而且有一个稳定,强大的团队在维护
    2、Sass 对于我来说参考的教程多
    3、Sass 有一些成熟稳定的框架,特别是 Compass,新秀还有 Foundation 之类,另外像 bootstrap4 这种已经抛弃 less 缓存 sass 了
    4、还有一个原因是国外讨论 Sass 的同行要多于 LESS
    当然上面都是我的观点,你如果因为 node-sass 或者 ruby 环境安装问题觉得麻烦,当我没说
    TangMonk
        30
    TangMonk  
       2019-10-11 14:27:59 +08:00
    @justrand #29 Compass 已经不维护了
    ccyu220
        31
    ccyu220  
       2019-10-11 14:48:37 +08:00
    @justrand 做开发的会没有 ruby 和 Node 坏境? windows 下 node-sass 各种莫名其妙的错没体会过?那说明你 cil 生成的项目少了。为什么前端很多选择流程从 less , sass, stylus 又变回了 less,预处理本来就不是重要的部分,而是简便,协作的时候方便,马上就能使用。
    jinboker
        32
    jinboker  
       2019-10-11 15:07:59 +08:00
    @justrand 跑 CI 的时候为 node-sass 被墙蛋疼了无数次,因为一些原因又不能换源,最后统一换成 less,天下太平

    说实话可能是我这儿样式不复杂,你举的那堆例子真没啥吸引人的地方,一个样式预处理我是写不出花来,但 node-sass 带来的问题真是实打实
    Mark0309
        33
    Mark0309  
       2019-10-11 15:14:00 +08:00
    stylus 个人觉得不错 !
    ye22st
        34
    ye22st  
    OP
       2019-10-11 15:15:59 +08:00
    谢谢各位大佬。我现在开发机是自己买的 Mac。那我先用 scss 试试吧。
    yEhwG10ZJa83067x
        35
    yEhwG10ZJa83067x  
       2019-10-11 15:25:21 +08:00
    @ccyu220
    @jinboker
    好吧,确实没有体验过你们那种痛苦,如果大家都有这个问题那就是我幸存者偏差吧,见笑了。。。。
    我角度推荐我是觉得用起来不错所以推荐的
    Mithril
        36
    Mithril  
       2019-10-11 15:30:50 +08:00
    @justrand SCSS 个人感觉用起来确实舒服一些。
    不过我也负责维护 CI 工具链,那个 node-sass 坑到我宁可用 LESS 也不愿意用写起来更舒服的 SCSS。
    Junn
        37
    Junn  
       2019-10-11 15:41:04 +08:00
    scss
    guweimo
        38
    guweimo  
       2019-10-11 15:42:14 +08:00
    @Mithril 可以用 dart-sass 代替 node-sass 了。
    jinwyp
        39
    jinwyp  
       2019-10-11 16:09:16 +08:00
    SCSS 资源多
    toma77
        40
    toma77  
       2019-10-11 16:49:39 +08:00
    scss
    zaxlct
        41
    zaxlct  
       2019-10-11 16:55:32 +08:00 via iPhone
    sass
    otakustay
        42
    otakustay  
       2019-10-11 17:14:55 +08:00
    先看看你想用的 UI 组件库用的啥,然后尽量保持一致,免得到时候要覆盖变量啥的烦死
    d1313113
        43
    d1313113  
       2019-10-11 19:45:29 +08:00
    dart-sass 替换 node-sass 就好了
    Shook
        44
    Shook  
       2019-10-11 19:58:47 +08:00
    stylus
    SHF
        45
    SHF  
       2019-10-12 03:12:27 +08:00 via Android
    stylus 最棒
    ye22st
        46
    ye22st  
    OP
       2019-10-12 09:46:20 +08:00
    先用 ElementUI 吧,本来打算用 vuetify 的。
    Fortnight
        47
    Fortnight  
       2019-10-12 10:14:16 +08:00
    less +1,node-sass 安装太恶心了
    rykka
        48
    rykka  
       2019-10-12 20:04:57 +08:00 via Android
    stylus
    xizon
        49
    xizon  
       2020-05-18 14:57:33 +08:00
    sass/scss
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5673 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 34ms · UTC 02:38 · PVG 10:38 · LAX 18:38 · JFK 21:38
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.