w -vscode

w -vscode 仓库

提问题

安装

通过 F1 或者 CMD + Shift + P 输入 install. 选择: Install Extension.

特性

• 格式化功能
• 高亮组件功能

如何使用格式化功能

格式化 支持 通过 F1 或者 CMD + Shift + P 输入 format w 命令 或者右键菜单，也可以配置 w Config.onSaveFormat 开启保存后自动格式化

  目前可配置项

v0.0.3 增加属性
w Config.format.wrap_attributes_count 超过几个 attributes 属性则全部转行

example

<!-- if w Config.format.wrap_attributes_count === 2 -->
<button id=\"x\" class=\"xx\"></button>
<button id=\"x\" ></button>
<!-- ⬇⬇⬇⬇ -->
<button
  id=\"x\"
  class=\"xx\"
></button>
<button id=\"x\" ></button>

w Config.format 可配置的属性可以这里看

// 高亮的颜色，emm暂时只支持这样写
\"w Config.activeColor\": {
    \"color\": \"#e5c07b\"
  },

  // 是否禁用高亮组件
  \"w Config.activeDisable\": false,
  // 是否开启保存自动格式化
  \"w Config.onSaveFormat\": false,

  \"w Config.format\": {
    \"brace_style\": \"collapse\",
    \"end_with_newline\": false,
    \"indent_char\": \"\",
    \"indent_handlebars\": false,
    \"indent_inner_html\": false,
    \"indent_ s\": \"keep\",
    \"indent_size\": 2,
    \"indent_with_tabs\": true,
    \"max_preserve_newlines\": 1,
    \"preserve_newlines\": true,
    \"wrap_attributes\": \"force-expand-multiline\"
  },

  // 高亮所忽略的组件数组
  \"w Config.tagNoActiveArr\": [
    \"view\",
    \"button\",
    \"text\",
    \"icon\",
    \"image\",
    \"navigator\",
    \"block\",
    \"input\",
    \"template\",
    \"form\",
    \"camera\",
    \"textarea\"
  ]