评论

小程序开发者的福音,一款VS Code插件帮助你提升开发效率!

一款提升开发效率的插件

现在的工作常常在写小程序,写小程序页面的过程是:

页面骨架结构 >> 填充class属性 >> 在css文件中创建对应的class结构 >> 开始调试样式 >> css样式填充css文件

而这块插件省下了最中间的步骤,不需要将定义好的class属性再一个个复制到css文件。

比如Html文件中有这么些class:

现在可以通过该插件一键生成:

GIF图示

插件图示:

Features

在插件支持的文件中,单击右键->选择HtmlFindClass。如若选中的文件格式正确,则会在选中文件的所在目录输出一个以"文件名+.css"的文件,右下角会提示生成文件的路径。这样就省去了单独拷贝class样式的时间。

目前支持的文件格式有:html、vue、wxml。

在哪可以找到?

在VS code中,选择插件,输入“htmlfind”便可找到,安装重启即可。

最后一次编辑于  01-10  
点赞 0
收藏
评论

6 个评论

  • Wzw
    Wzw
    01-12

    求一下主题

    01-12
    赞同
    回复 3
    • SAHADEV
      SAHADEV
      01-13
      没太明白?
      01-13
      回复
    • Wzw
      Wzw
      01-13回复SAHADEV
      你的VSCode主题用的是什么
      01-13
      回复
    • SAHADEV
      SAHADEV
      01-13
      您是指这个?
      01-13
      回复
  • 进去吧你
    进去吧你
    01-11

    等这个加上就更好,现在用的wxless插件

    01-11
    赞同
    回复 1
    • SAHADEV
      SAHADEV
      01-13
      好的,我研究一下
      01-13
      回复
  • undefind
    undefind
    01-09

    好像不错,下次试试

    01-09
    赞同
    回复 1
    • SAHADEV
      SAHADEV
      01-09
      感谢支持
      01-09
      回复
  • Paranoid. 偏执
    Paranoid. 偏执
    01-09

    点赞

    01-09
    赞同
    回复 1
    • SAHADEV
      SAHADEV
      01-09
      感谢支持
      01-09
      回复
  • 努力的Jerry
    努力的Jerry
    01-09

    赞一个

    01-09
    赞同
    回复 1
    • SAHADEV
      SAHADEV
      01-09
      感谢支持
      01-09
      回复
  • SAHADEV
    SAHADEV
    01-09

    希望能帮助大家,也欢迎大家可以给我提出反馈意见。

    01-09
    赞同
    回复 1
    • Paranoid. 偏执
      Paranoid. 偏执
      01-09
      vscode中的vant插件怎么放到开发者工具中 可以智能提示的那种
      01-09
      回复
登录 后发表内容