sass less stylus 哪个前景好?

2020-08-24 12:02:33 +08:00
 wukong1024

sass less stylus 哪个前景好?前端更新太快了,麻烦推荐一个目前最值得学习的 css 预处理器。

5818 次点击
所在节点    问与答
38 条回复
qianyin925
2020-08-24 15:23:04 +08:00
sass 而且建议使用 dart-sass 替代 node-sass
king888
2020-08-24 15:29:10 +08:00
stylus 不考虑了+1
sass 而且建议使用 dart-sass 替代 node-sass +1
alphardex
2020-08-24 15:39:35 +08:00
必须我大 scss
TimPeake
2020-08-24 15:49:25 +08:00
对我来说这玩意儿只要能嵌套、变量就 Ok
Ritr
2020-08-24 16:08:58 +08:00
@yyfearth sass 要装个 Python 的环境,还得科学上网有点麻烦
zywz999
2020-08-24 16:12:08 +08:00
其实我觉得没啥差别
en20
2020-08-24 16:27:19 +08:00
stylus 用缩进处理层级嵌套太恶心了,复制粘贴导致上下大片代码错乱。还有就是每次回车换行光标都很迷
yyfearth
2020-08-24 17:06:32 +08:00
@Ritr 你说的是 gyp 把
那个你只要配置一次就好了 而且任何二进制模块编译都需要 我大部分项目都有二进制模块所以就还好
不太记得 win 下是否有预编译好的模块下载 如果有的话就不用本地编译了

这个等什么时候 node 稳定支持 wasm 应该就可以彻底解决这个问题了把

不过 @king888 真的提供了一个很好的选择 https://www.npmjs.com/package/sass
这个实际上已经算是 js 版本了 不需要编译 就可以用了 就是稍微慢一些
huai
2020-08-24 17:11:42 +08:00
楼上真的前端吗? sass 安装各种问题,劝退。less 满足了大多数日常需要
ynohoahc
2020-08-24 17:17:37 +08:00
顶楼上 sass 确实很好 但是现实情况是 sass 的 node-sass 模块在安装倚赖的时候很有可能会出幺蛾子 需要科学上网才行(如果有人说连科学上网都不会就不要开发了那请忽视), 会让那些想 git clone 然后安装依赖直接跑项目的人十分沮丧
redbuck
2020-08-24 17:50:47 +08:00
less 安装方便,但功能有点弱.

函数不支持 return 你敢信.

插件也很弱,文档都找不到,github 也没有示例.

如果只是基本的嵌套,变量,轻量的混合,循环,就 less,轻量.重度用就免了.

stylus 我没听过它哪里不好啊,node 社区出的,scss 是 node 出来之前其他语言的社区产品,所以才那么多安装问题.
okampfer
2020-08-24 18:34:58 +08:00
为什么你们都在推荐 sass 呢?安装 node-sass 没梯子的话,下载二进制文件出错就会尝试从源码编译,编译有需要 python 环境,每个项目都这样来一下真的超麻烦啊!!!!!有时候晚上网络拥堵即使挂了梯子还是下载不了二进制文件……你们不觉得这是在浪费时间吗?!用国内的 npm 镜像安装 less 要方便的多啊!

好,你们说可以用 dart-sass,然而,即使我用它,或者干脆我的项目源码不依赖 node-sass,但是项目的依赖项会依赖 node-sass 啊(比如 uni-app )!该死的依赖传递!

因此我强烈推荐 less 。而且平时做的项目用的 UI library,ant-design 系(面向企业客户尤其用的多)、rsuite 都是用的 less 。
wa143825
2020-08-24 21:05:39 +08:00
我是忠实的 stylus 粉丝,不明白哪里不好,可能都是小项目
toma77
2020-08-24 21:44:12 +08:00
scss + css modules
echol
2020-08-24 21:57:46 +08:00
可以用 dark-sass 代替 node-sass
TsubasaHanekaw
2020-08-24 21:59:06 +08:00
sasss 就是需要单独设置镜像站点而已 ,然后就不用代理了
npm i -g nrm &
nrm use taobao &
npm config set disturl https://npm.taobao.org/mirrors/node/ &
npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/ &
sunwang
2020-08-25 08:38:42 +08:00
我都是 ui 框架用哪个我就用哪个,例如:element => sass ant-design => less
lin07hui
2020-11-14 21:07:59 +08:00
stylus 真香

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/700905

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX