V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
string2020
V2EX  ›  程序员

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

  •  
  •   string2020 · Feb 2, 2023 · 1924 views
    This topic created in 1181 days ago, the information mentioned may be changed or developed.
    16 replies    2023-02-06 18:12:05 +08:00
    junan
        1
    junan  
       Feb 2, 2023
    我也想知道,这是我之前发的帖子,有人提供的办法
    https://www.v2ex.com/t/911339
    king888
        2
    king888  
       Feb 2, 2023
    不是很能理解,奇奇怪怪的想法
    Envov
        3
    Envov  
       Feb 2, 2023
    真没有吗?没有我搞个插件
    string2020
        4
    string2020  
    OP
       Feb 2, 2023
    @Envov 随便找了下,没找到。页面类太多了写样式很蛋疼
    string2020
        5
    string2020  
    OP
       Feb 2, 2023
    @junan 方法有点麻烦,确实如果是插件的话就方便多了
    joyyu
        6
    joyyu  
       Feb 2, 2023
    https://marketplace.visualstudio.com/items?itemName=tautvydasderzinskas.vscode-html-to-css

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

    现在更青睐 BEM 这种方式。
    ugu
        8
    ugu  
       Feb 2, 2023
    其实 BEM 也不错,虽然还是手动
    subframe75361
        9
    subframe75361  
       Feb 2, 2023
    插眼
    现在在试 unocss
    dream4ever
        10
    dream4ever  
       Feb 2, 2023
    自从用了 tailwindcss 之后,再也没这方面的需求了,哈哈。
    a4854857
        11
    a4854857  
       Feb 2, 2023   ❤️ 1
    直接用 unocss 算了
    Jaosn
        12
    Jaosn  
       Feb 2, 2023
    tailwind 的优势就体现出来了
    yaphets666
        13
    yaphets666  
       Feb 2, 2023
    是什么情况导致你有这样的需求呢?
    string2020
        14
    string2020  
    OP
       Feb 3, 2023
    @a4854857 看了下,这个和直接写 style 差不多了
    string2020
        15
    string2020  
    OP
       Feb 3, 2023
    @Jaosn 看了下,tailwind 和 unocss 都放弃了 class 做为快捷方式的优势,写起来很繁
    a4854857
        16
    a4854857  
       Feb 6, 2023
    @string2020 等你用上了就知道它解决了很多 class 的痛点了.
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5115 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 68ms · UTC 05:40 · PVG 13:40 · LAX 22:40 · JFK 01:40
    ♥ Do have faith in what you're doing.