vscode element helper

Ayudante de elemento VSCode

VSCode-Element-Helper es una extensión de VS Code para Element-UI. Si utiliza el editor ATOM, vaya a la versión ATOM

Element-UI es una gran biblioteca. Cada vez más proyectos lo utilizan. Entonces, para ayudar a los desarrolladores a escribir de manera más eficiente mediante Element-UI, nace VSCode-Element-Helper.

Característica

• Documento

• Autocompletar

  Soporta lenguaje vue, html y jade/pug.

• Fragmentos

Documento

Uso

1 - Mueva el cursor a la etiqueta Element-UI o selecciónela

2 - Presione la tecla de acceso rápido predeterminada ctrl + cmd + z (windows: ctrl + win + z ) o presione ⇧⌘P para abrir la paleta de comandos y luego ingrese element-helper.search

3 - Mostrar vista del documento Si la coincidencia es completa, o debe seleccionar la etiqueta que desea buscar

4 - Ingrese y active el navegador de documentos

Versión, comillas, tamaño de sangría y cambio de idioma

1 - Ingrese Preferences -> setting o acceso directo cmd + ,

2 - Modificar idioma, versión o tamaño de sangría

  "element-helper.language" : "zh-CN" ,
  "element-helper.version" : "1.3" ,
  "element-helper.indent-size" : 2 ,
  "element-helper.quotes" : "double" ,    // html vue qoutes
  "element-helper.pug-quotes" : "single" // jade/pug quotes

Mecanismo de actualización automática

El documento está fuera de línea y se sincroniza automáticamente con el sitio oficial de Element-UI.

Mapa de teclas

La tecla de acceso rápido predeterminada es ctrl + cmd + z (windows: ctrl + win + z ). Si ha entrado en conflicto con la tecla de acceso rápido de otro software. Puedes personalizarlo. ver combinaciones de teclas

Autocompletar

• Distinguir y completar automáticamente propiedades y métodos para cada etiqueta Element-UI

• Solicitar valor cuando el valor es algún tipo especial como booleano o ICON.

Fragmentos

Lista de fragmentos de soporte:

• msg

   this.$message({
    message: '',
    type: ''
  })
  

• alert

   this.$alert('', '', {
    confirmButtonText: '',
    callback: () => {}
  });
  

• confirm

   this.$confirm('', '', {
    confirmButtonText: '',
    cancelButtonText: '',
    type: ''
  }).then(() => {})
    .catch(() => {});
  

• prompt

   this.$prompt('', '', {
    confirmButtonText: '',
    cancelButtonText: '',
    inputPattern: //,
    inputErrorMessage: ''
  }).then(({ value }) => {})
    .catch(() => {});
  

• msgb

   this.$msgbox({
    title: '',
    message: '',
    showCancelButton: '',
    confirmButtonText: '',
    cancelButtonText: '',
    beforeClose: (action, instance, done) => {}
  }).then(action => {});
  

• notify

   this.$notify({
    title: '',
    message: ''
  });
  

Contribución

Su solicitud de extracción mejorará VSCode-Element-Helper.

LICENCIA

MIT