herramientas de lenguaje

Herramientas de lenguaje Vue

⚡ Herramientas de lenguaje Vue de alto rendimiento basadas en Volar.js

#language-tools en nuestro servidor Discord

Paquetes

• Características del lenguaje Vue
  Vue, Vitepress, extensión de soporte de idiomas petite-vue para VSCode

• vue-tsc
  Herramienta de línea de comando de compilación de verificación de tipo y dts

• vue-componente-meta
  Herramienta de extracción de información sobre accesorios de componentes, eventos y tipos de tragamonedas

• vite-plugin-vue-componente-vista previa
  Complemento Vite para admitir la vista previa del componente Vue con Vue Language Features

• @vue/language-server
  El propio servidor de idiomas .

• @vue/typescript-plugin
  Complemento mecanografiado para el servidor de idiomas .

Integración comunitaria

yaegassy/coc-volar ⚡ ? ?️
Cliente de lenguaje Vue para coc.nvim

neovim/nvim-lspconfig ⚡?
Configuración del servidor de idiomas Vue para Neovim

¿Cómo configurar el servidor de idiomas vue con neovim y lsp?

Configuración del modo híbrido (requiere @vue/language-server versión ^2.0.0 )

Nota: El modo "Take Over" ha sido descontinuado. En su lugar, se ha introducido un nuevo modo "Híbrido". En este modo, Vue Language Server gestiona exclusivamente las secciones CSS/HTML. Como resultado, debe ejecutar @vue/language-server junto con un servidor TypeScript que emplee @vue/typescript-plugin . A continuación se muestra una configuración simplificada para el LSP de Neovim, actualizada para adaptarse al servidor de idiomas luego de la actualización a la versión 2.0.0 .

Para versiones de nvim-lspconfig inferiores a v1.0.0, utilice tsserver en lugar de ts_ls, por ejemplo, lspconfig.ts_ls.setup

 -- Si está utilizando mason.nvim, puede obtener ts_plugin_path de esta manera: local mason_registry = require('mason-registry')-- local vue_language_server_path = mason_registry.get_package('vue-language-server'):get_install_path( ) .. '/node_modules/@vue/idioma-servidor'local vue_language_server_path = '/ruta/a/@vue/language-server'local lspconfig = require('lspconfig')lspconfig.ts_ls.setup { init_options = {plugins = {
      {nombre = '@vue/typescript-plugin', ubicación = vue_language_server_path, idiomas = { 'vue' },
      },
    },
  }, tipos de archivo = { 'typescript', 'javascript', 'javascriptreact', 'typescriptreact', 'vue' },
}-- No es necesario configurar `hybridMode` en `true` ya que es el valor predeterminadolspconfig.volar.setup {}

Configuración del modo no híbrido (similar al modo de adquisición) (requiere la versión @vue/language-server ^2.0.7 )

Nota: Si hybridMode se establece en false Volar ejecutará ts_ls integrado, por lo que no es necesario ejecutarlo por separado.

Para más información ver #4119

Asegúrate de tener Typescript instalado globalmente o pasa la ubicación a volar

Utilice volar para todos los archivos .{vue,js,ts,tsx,jsx} .

 local lspconfig = require('lspconfig')-- lspconfig.ts_ls.setup {} lspconfig.volar.setup { tipos de archivo = { 'typescript', 'javascript', 'javascriptreact', 'typescriptreact', 'vue' }, init_options = {vue = { modo híbrido = falso,
    },
  },
}

Utilice volar solo para archivos .vue y ts_ls para archivos .ts y .js .

 lspconfig local = require('lspconfig')lspconfig.ts_ls.setup { init_options = {complementos = {
      {nombre = '@vue/typescript-plugin',ubicación = '/ruta/a/@vue/servidor-idioma',idiomas = { 'vue' },
      },
    },
  },
}lspconfig.volar.setup {init_options = {vue = { hybridMode = false,
    },
  },
}

integración nvim-cmp

Mira esta discusión

mattn/vim-lsp-configuración ⚡
Configuración automática del servidor de idiomas Vue para vim-lsp

sublimelsp/LSP-volar ?
Cliente de lenguaje Vue para Sublime

kabiaa/atom-ide-volar
Cliente de lenguaje Vue para Atom

emacs-lsp/lsp-mode (jadestrong/lsp-volar) ⚡?
Cliente de lenguaje Vue para Emacs

tommasongr/nova-vue
Cliente de lenguaje Vue para Nova

xiaoxin-sky/lapce-vue
Cliente de lenguaje Vue para Lapce

Kingwl/monaco-volar
Soporte de idioma Vue para Mónaco en el navegador

Tormenta web
Integración incorporada para @vue/language-server

Eclipse WildWebDesarrollador
Configuración del servidor de lenguaje Vue para Eclipse

* ⚡ admite múltiples servidores
* ? modo de toma de control de soporte
* ?️ Admite funciones de vista previa adicionales

Guía de contribución

Si desea trabajar en la extensión volar, siga estos comandos para configurar su entorno de desarrollo local.

? Tenga en cuenta que necesitará pnpm; puede descargarlo aquí: https://pnpm.io/installation.

 clon de git https://github.com/vuejs/language-tools.gitcd herramientas de lenguaje
instalación pnpm
pnpm ejecutar compilación

La forma recomendada de desarrollar la extensión volar es utilizar las herramientas de depuración proporcionadas por VSCode. Alternativamente, puede ejecutar uno de los scripts definidos en el archivo package.json.

❗ Siempre debe utilizar las configuraciones de inicio de depuración o los scripts package.json definidos en la raíz del proyecto.

Puede encontrar información adicional para contribuir a proyectos de código abierto aquí: https://docs.github.com/en/get-started/quickstart/contributing-to-projects

Para desarrollar con módulos Volar.js ascendentes, puede configurar el espacio de trabajo con https://github.com/volarjs/workspace.