最近用nuxt写网站,用的less,因为是分组件的写法,将 css 都放到了 scoped 范围里,直接就写出来了,没有做复用和建模之类的工作。以致于一堆堆的 stylesheet 非常的凌乱和难以维护,因此想请问大家都怎么写 css 的,据我所知的有 BEM,OOCSS,SMACSS,MetaCSS。大家都选用什么方案呢?

最近用nuxt写网站,用的less,因为是分组件的写法,将 css 都放到了 scoped 范围里,直接就写出来了,没有做复用和建模之类的工作。以致于一堆堆的 stylesheet 非常的凌乱和难以维护,因此想请问大家都怎么写 css 的,据我所知的有 BEM,OOCSS,SMACSS,MetaCSS。大家都选用什么方案呢?
1 FEDT Jul 6, 2019 via iPhone 你列举出来的我都没听说过... |
2 tyrealgray Jul 6, 2019 BEM |
3 catoncat Jul 6, 2019 via iPhone 有 scope 还需要你说的那些么? |
4 hewelzei Jul 6, 2019 via Android 用 css-in-js 方案,推荐 emotion,各个组件共享样式,非常方便,也解决了 css 与 js 联动的问题。 |
6 zhuzhibin Jul 6, 2019 via iPhone BEM |
7 loading Jul 6, 2019 via Android 楼主用这么多复杂技术,请问是多大的站,能发个地址我学习下吗? |
8 liyang5945 Jul 6, 2019 sass+bem |
9 Seanfuck Jul 6, 2019 via iPhone 用纯 css 吧,less 等那些包装后的东西难用至极 |
10 Seanfuck Jul 6, 2019 via iPhone 用纯 css 吧,less 等那些包装后的东西难用 |
11 xrr2016 Jul 6, 2019 via Android CSS 本来就比 Js 复杂啊 |
12 1002xin Jul 6, 2019 via iPhone 换个思维方式 |
13 longjiahui OP @tyrealgray 感觉 BEM 挺丑了,后来我用了 oocss 这种风格,就像 bootstrap 那种 css 的写法 |
14 longjiahui OP @loading 只是 希望能写出 容易维护的站,小站也能用,只是一些规范和思想 |
15 longjiahui OP @Seanfuck 纯 css 我觉得挺麻烦的吖,用 less,scss 这类的写能预定义变量,函数,维护起来更容易吖,而且有很方便的写法,集成进脚手架也不麻烦,而且用了也是 css 的超集。 |
16 longjiahui OP @xrr2016 我觉得 css 复杂度没有 js 高,但是比 js 难写好 就是这种感觉 |