outils linguistiques

Outils linguistiques Vue

⚡ Outils de langage Vue hautes performances basés sur Volar.js

#outils-langues sur notre serveur Discord

Forfaits

• Fonctionnalités du langage Vue
  Extension de prise en charge du langage Vue, Vitepress et petite-vue pour VSCode

• vue-tsc
  Outil de ligne de commande de vérification de type et de construction dts

• vue-component-méta
  Outil d'extraction d'informations sur les accessoires de composants, les événements et les types d'emplacements

• vite-plugin-vue-component-preview
  Plugin Vite pour prendre en charge la vue d'aperçu des composants Vue avec Vue Language Features

• @vue/language-server
  Le serveur de langue lui-même .

• @vue/typescript-plugin
  Plugin Typescript pour le serveur de langue .

Intégration communautaire

yaegassy/coc-volar ⚡ ? ?️
Client de langage Vue pour coc.nvim

neovim/nvim-lspconfig ⚡ ?
Configuration du serveur de langage Vue pour Neovim

Comment configurer le serveur de langage vue avec neovim et lsp ?

Configuration en mode hybride (nécessite @vue/language-server version ^2.0.0 )

Remarque : Le mode "Take Over" a été abandonné. Au lieu de cela, un nouveau mode « Hybride » a été introduit. Dans ce mode, Vue Language Server gère exclusivement les sections CSS/HTML. Par conséquent, vous devez exécuter @vue/language-server conjointement avec un serveur TypeScript qui utilise @vue/typescript-plugin . Vous trouverez ci-dessous une configuration simplifiée pour le LSP de Neovim, mise à jour pour s'adapter au serveur de langue suite à la mise à niveau vers la version 2.0.0 .

Pour les versions de nvim-lspconfig inférieures à la v1.0.0, utilisez tsserver au lieu de ts_ls, par exemple lspconfig.ts_ls.setup

 -- Si vous utilisez mason.nvim, vous pouvez obtenir le ts_plugin_path comme ceci-- local mason_registry = require('mason-registry')-- local vue_lingual_server_path = mason_registry.get_package('vue-lingual-server'):get_install_path( ) .. '/node_modules/@vue/langage-server'local vue_langage_server_path = '/path/to/@vue/langage-server'local lspconfig = require('lspconfig')lspconfig.ts_ls.setup { init_options = {plugins = {
      {name = '@vue/typescript-plugin',location = vue_langue_server_path,langues = { 'vue' },
      },
    },
  }, types de fichiers = { 'typescript', 'javascript', 'javascriptreact', 'typescriptreact', 'vue' },
}-- Pas besoin de définir `hybridMode` sur `true` car c'est la valeur par défaut lspconfig.volar.setup {}

Configuration du mode non hybride (similaire au mode de reprise) (nécessite la version @vue/language-server ^2.0.7 )

Remarque : Si hybridMode est défini sur false Volar exécutera ts_ls intégré, il n'est donc pas nécessaire de l'exécuter séparément.

Pour plus d'informations, voir #4119

Assurez-vous que TypeScript est installé globalement ou transmettez l'emplacement à volar

Utilisez volar pour tous les fichiers .{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 = { hybridMode = faux,
    },
  },
}

Utilisez volar uniquement pour les fichiers .vue et ts_ls pour les fichiers .ts et .js .

 local lspconfig = require('lspconfig')lspconfig.ts_ls.setup { init_options = {plugins = {
      {name = '@vue/typescript-plugin',location = '/path/to/@vue/langage-server',langues = { 'vue' },
      },
    },
  },
}lspconfig.volar.setup { init_options = {vue = { hybridMode = false,
    },
  },
}

intégration nvim-cmp

Découvrez cette discussion

mattn/vim-lsp-settings ⚡
Configuration automatique du serveur de langage Vue pour vim-lsp

sublimelsp/LSP-volaire ?
Client de langage Vue pour Sublime

kabiaa/atom-ide-volaire
Client de langage Vue pour Atom

emacs-lsp/lsp-mode (jadestrong/lsp-volar) ⚡ ?
Client de langage Vue pour Emacs

tommasongr/nova-vue
Client de langage Vue pour Nova

Xiaoxin-sky/lapce-vue
Client de langage Vue pour Lapce

Kingwl/monaco-volaire
Prise en charge linguistique de Vue pour Monaco sur le navigateur

WebStorm
Intégration intégrée pour @vue/language-server

Développeur Eclipse WildWeb
Configuration du serveur de langage Vue pour Eclipse

* ⚡ prend en charge plusieurs serveurs
* ? prise en charge du mode de reprise
* ?️ prendre en charge des fonctionnalités d'aperçu supplémentaires

Guide des contributions

Si vous souhaitez travailler sur l'extension volar, suivez ces commandes pour configurer votre environnement de développement local.

? Notez que vous aurez besoin de pnpm - vous pouvez le télécharger ici : https://pnpm.io/installation.

 git clone https://github.com/vuejs/langage-tools.gitcd langage-tools
installation de pnpm
pnpm exécuter la construction

La méthode recommandée pour développer l'extension volar consiste à utiliser les outils de débogage fournis par VSCode. Vous pouvez également exécuter l'un des scripts définis dans le fichier package.json.

❗ Vous devez toujours utiliser les configurations de lancement de débogage ou les scripts package.json définis à la racine du projet.

Des informations supplémentaires pour contribuer à des projets open source peuvent être trouvées ici : https://docs.github.com/en/get-started/quickstart/contributing-to-projects

Pour développer avec les modules Volar.js en amont, vous pouvez configurer un espace de travail avec https://github.com/volarjs/workspace.