V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
string2020
V2EX  ›  程序员

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

  •  
  •   string2020 · 2023-02-02 09:46:24 +08:00 · 1443 次点击
    这是一个创建于 654 天前的主题,其中的信息可能已经有所发展或是发生改变。
    16 条回复    2023-02-06 18:12:05 +08:00
    junan
        1
    junan  
       2023-02-02 10:04:29 +08:00
    我也想知道,这是我之前发的帖子,有人提供的办法
    https://www.v2ex.com/t/911339
    king888
        2
    king888  
       2023-02-02 10:16:41 +08:00
    不是很能理解,奇奇怪怪的想法
    Envov
        3
    Envov  
       2023-02-02 10:22:47 +08:00
    真没有吗?没有我搞个插件
    string2020
        4
    string2020  
    OP
       2023-02-02 10:25:49 +08:00
    @Envov 随便找了下,没找到。页面类太多了写样式很蛋疼
    string2020
        5
    string2020  
    OP
       2023-02-02 10:27:32 +08:00
    @junan 方法有点麻烦,确实如果是插件的话就方便多了
    joyyu
        6
    joyyu  
       2023-02-02 11:04:39 +08:00
    https://marketplace.visualstudio.com/items?itemName=tautvydasderzinskas.vscode-html-to-css

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

    现在更青睐 BEM 这种方式。
    ugu
        8
    ugu  
       2023-02-02 11:10:47 +08:00
    其实 BEM 也不错,虽然还是手动
    subframe75361
        9
    subframe75361  
       2023-02-02 12:16:22 +08:00
    插眼
    现在在试 unocss
    dream4ever
        10
    dream4ever  
       2023-02-02 13:01:06 +08:00
    自从用了 tailwindcss 之后,再也没这方面的需求了,哈哈。
    a4854857
        11
    a4854857  
       2023-02-02 13:10:33 +08:00   ❤️ 1
    直接用 unocss 算了
    Jaosn
        12
    Jaosn  
       2023-02-02 14:03:16 +08:00
    tailwind 的优势就体现出来了
    yaphets666
        13
    yaphets666  
       2023-02-02 14:15:58 +08:00
    是什么情况导致你有这样的需求呢?
    string2020
        14
    string2020  
    OP
       2023-02-03 13:50:21 +08:00
    @a4854857 看了下,这个和直接写 style 差不多了
    string2020
        15
    string2020  
    OP
       2023-02-03 13:53:51 +08:00
    @Jaosn 看了下,tailwind 和 unocss 都放弃了 class 做为快捷方式的优势,写起来很繁
    a4854857
        16
    a4854857  
       2023-02-06 18:12:05 +08:00
    @string2020 等你用上了就知道它解决了很多 class 的痛点了.
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1729 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 16:31 · PVG 00:31 · LAX 08:31 · JFK 11:31
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.