有没有工具可以把.vue 文件里 template 里的 className 按层次输出为.less 文件 方便写样式？

2023-02-02 09:46:24 +08:00
 string2020
1280 次点击
所在节点    程序员
16 条回复
junan
2023-02-02 10:04:29 +08:00
我也想知道，这是我之前发的帖子，有人提供的办法
https://www.v2ex.com/t/911339
king888
2023-02-02 10:16:41 +08:00
不是很能理解，奇奇怪怪的想法
Envov
2023-02-02 10:22:47 +08:00
真没有吗？没有我搞个插件
string2020
2023-02-02 10:25:49 +08:00
@Envov 随便找了下，没找到。页面类太多了写样式很蛋疼
string2020
2023-02-02 10:27:32 +08:00
@junan 方法有点麻烦，确实如果是插件的话就方便多了
joyyu
2023-02-02 11:04:39 +08:00
https://marketplace.visualstudio.com/items?itemName=tautvydasderzinskas.vscode-html-to-css

VSCode 里找到一个类似功能的插件，但是感觉还是不太实用
Rache1
2023-02-02 11:06:23 +08:00
老实说，这种多层嵌套的 CSS ，如果是按照默认的那种情况，页面复杂了之后，那生成出来的简直就是一坨💩，后期维护起来简直要了老命。

现在更青睐 BEM 这种方式。
ugu
2023-02-02 11:10:47 +08:00
其实 BEM 也不错，虽然还是手动
subframe75361
2023-02-02 12:16:22 +08:00
插眼
现在在试 unocss
dream4ever
2023-02-02 13:01:06 +08:00
自从用了 tailwindcss 之后，再也没这方面的需求了，哈哈。
a4854857
2023-02-02 13:10:33 +08:00
直接用 unocss 算了
Jaosn
2023-02-02 14:03:16 +08:00
tailwind 的优势就体现出来了
yaphets666
2023-02-02 14:15:58 +08:00
是什么情况导致你有这样的需求呢？
string2020
2023-02-03 13:50:21 +08:00
@a4854857 看了下，这个和直接写 style 差不多了
string2020
2023-02-03 13:53:51 +08:00
@Jaosn 看了下，tailwind 和 unocss 都放弃了 class 做为快捷方式的优势，写起来很繁
a4854857
2023-02-06 18:12:05 +08:00
@string2020 等你用上了就知道它解决了很多 class 的痛点了.

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

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

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

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

© 2021 V2EX