wxml vscode

wxml-vscode

wxml-vscode 저장소

질문하기

该库我已不再维护，但需要的话可以提pr或者各自fork单独修改

설치하다

F1 또는 CMD + Shift + P를 통해 설치를 입력합니다. 선택: 확장 설치.

특성

• 포맷 기능
• 하이라이트 구성 요소 기능

서식 기능을 사용하는 방법

서식 지정에서는 F1 또는 CMD + Shift + P를 통해 wxml 명령 형식이나 마우스 오른쪽 버튼 클릭 메뉴를 입력할 수 있습니다. 저장 후 자동 서식 지정을 활성화하도록 wxmlConfig.onSaveFormat을 구성할 수도 있습니다.

예

 <!-- if wxmlConfig.format.wrap_attributes_count === 2 -->
< button id =" x " class =" xx " > </ button >
< button id =" x " > 123 </ button >
<!-- ⬇⬇⬇⬇ -->
< button id =" x " class =" xx " />
< button id =" x " > 123 </ button >

특별한 지침이 없는 wxmlConfig.format 구성의 속성은 여기에서 볼 수 있습니다.

 // 高亮的颜色，可设置每个组件的自定义颜色, tagName:color
// 例如 <custom> 想渲染成黄色，可以添加字段 "custom":"yellow"
"wxmlConfig.activeColor" : {
    "color" : " #e5c07b "
  },

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

  "wxmlConfig.format" : {
    "brace_style" : " collapse " ,
    "end_with_newline" : false ,
    "indent_char" : " " ,
    "indent_handlebars" : false ,
    "indent_inner_html" : false ,
    "indent_scripts" : " keep " ,
    "indent_size" : 2 ,
    "indent_with_tabs" : true ,
    "max_preserve_newlines" : 1 ,
    "wrap_attributes_count" : 4 ,
    "unformatted" : " ['text'] " ,
    "disable_automatic_closing_labels" : false ,
    "preserve_newlines" : true ,
    "wrap_attributes" : " force-expand-multiline "
  },

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

연결

변경 로그

버전 업데이트 보기

특허

MIT