新项目,用啥 CSS 预处理器? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
ye22st
V2EX    CSS

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

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

    如题,看到现在有 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 只能说还挺好用的 其余的没用过 不发表评价
    shakaraka
        10
    shakaraka  
    PRO
       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     Solana     4079 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 28ms UTC 00:14 PVG 08:14 LAX 17:14 JFK 20:14
    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