ferramentas de linguagem

Ferramentas de linguagem Vue

⚡ Ferramentas de linguagem Vue de alto desempenho baseadas em Volar.js

#linguagem-ferramentas em nosso servidor Discord

Pacotes

• Recursos da linguagem Vue
  Extensão de suporte à linguagem Vue, Vitepress e petite-vue para VSCode

• vue-tsc
  Ferramenta de linha de comando de verificação de tipo e compilação dts

• vue-component-meta
  Adereços de componentes, eventos, ferramenta de extração de informações de tipos de slots

• vite-plugin-vue-component-preview
  Plug-in Vite para suporte à visualização de visualização do componente Vue com Vue Language Features

• @vue/language-server
  O próprio servidor de idiomas .

• @vue/typescript-plugin
  Plugin Typescript para o servidor de idiomas .

Integração Comunitária

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

neovim/nvim-lspconfig ⚡ ?
Configuração do servidor de linguagem Vue para Neovim

Como configurar o servidor de linguagem vue com neovim e lsp?

Configuração de modo híbrido (requer @vue/language-server versão ^2.0.0 )

Nota: O modo "Take Over" foi descontinuado. Em vez disso, um novo modo “Híbrido” foi introduzido. Neste modo, o Vue Language Server gerencia exclusivamente as seções CSS/HTML. Como resultado, você deve executar @vue/language-server em conjunto com um servidor TypeScript que empregue @vue/typescript-plugin . Abaixo está uma configuração simplificada para o LSP do Neovim, atualizada para acomodar o servidor de idiomas após a atualização para a versão 2.0.0 .

Para versões nvim-lspconfig abaixo de v1.0.0, use tsserver em vez de ts_ls, por exemplo, lspconfig.ts_ls.setup

 - Se você estiver usando mason.nvim, você pode obter o ts_plugin_path assim-- 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_idioma_server_path = '/caminho/para/@vue/servidor de idioma'local lspconfig = require('lspconfig')lspconfig.ts_ls.setup { init_options = {plugins = {
      {nome = '@vue/typescript-plugin',local = vue_idioma_server_path,idiomas = { 'vue' },
      },
    },
  }, tipos de arquivos = { 'typescript', 'javascript', 'javascriptreact', 'typescriptreact', 'vue' },
}-- Não há necessidade de definir `hybridMode` como `true`, pois é o valor padrãolspconfig.volar.setup {}

Configuração do modo não híbrido (semelhante ao modo de controle) (requer @vue/language-server ^2.0.7 )

Nota: Se hybridMode estiver definido como false Volar executará ts_ls incorporado, portanto, não há necessidade de executá-lo separadamente.

Para mais informações consulte #4119

Certifique-se de ter o TypeScript instalado globalmente ou passe o local para volar

Use volar para todos os arquivos .{vue,js,ts,tsx,jsx} .

 local lspconfig = require('lspconfig')-- lspconfig.ts_ls.setup {} lspconfig.volar.setup { filetypes = { 'typescript', 'javascript', 'javascriptreact', 'typescriptreact', 'vue' }, init_options = {vue = {híbridoMode = falso,
    },
  },
}

Use volar apenas para arquivos .vue e ts_ls para arquivos .ts e .js .

 local lspconfig = require('lspconfig')lspconfig.ts_ls.setup { init_options = {plugins = {
      {nome = '@vue/typescript-plugin',local = '/caminho/para/@vue/servidor de idioma',idiomas = { 'vue' },
      },
    },
  },
}lspconfig.volar.setup { init_options = {vue = { hybridMode = false,
    },
  },
}

integração nvim-cmp

Confira esta discussão

configurações mattn/vim-lsp ⚡
Configuração automática do servidor de linguagem Vue para vim-lsp

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

kabiaa/átomo-ide-volar
Cliente de linguagem Vue para Atom

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

tommasongr/nova-vue
Cliente de linguagem Vue para Nova

xiaoxin-céu/lapce-vue
Cliente de linguagem Vue para Lapce

Kingwl/monaco-volar
Suporte ao idioma Vue para Mônaco no navegador

WebStorm
Integração integrada para @vue/language-server

Desenvolvedor Eclipse WildWeb
Configuração do servidor de linguagem Vue para Eclipse

* ⚡ suporte a vários servidores
* ? suporte ao modo de controle
* ?️ suporte a recursos extras de visualização

Guia de contribuição

Se você quiser trabalhar na extensão volar, siga estes comandos para configurar seu ambiente de desenvolvimento local.

? Observe que você precisará do pnpm – você pode baixá-lo aqui: https://pnpm.io/installation.

 clone do git https://github.com/vuejs/language-tools.gitcd ferramentas de linguagem
instalação pnpm
compilação de execução pnpm

A maneira recomendada de desenvolver a extensão volar é usar as ferramentas de depuração fornecidas pelo VSCode. Alternativamente, você pode executar um dos scripts definidos no arquivo package.json.

❗ Você deve sempre usar as configurações de inicialização de depuração ou scripts package.json definidos na raiz do projeto.

Informações adicionais para contribuir com projetos de código aberto podem ser encontradas aqui: https://docs.github.com/en/get-started/quickstart/contributing-to-projects

Para desenvolver com módulos Volar.js upstream, você pode configurar o espaço de trabalho com https://github.com/volarjs/workspace.