alat bahasa

Alat Bahasa Vue

⚡ Peralatan bahasa Vue berkinerja tinggi berdasarkan Volar.js

#alat-bahasa di Server Perselisihan kami

Paket

• Fitur Bahasa Vue
  Vue, Vitepress, ekstensi dukungan bahasa petite-vue untuk VSCode

• vue-tsc
  Periksa tipe dan buat alat baris perintah dts

• vue-komponen-meta
  Alat peraga komponen, acara, jenis slot alat ekstrak informasi

• vite-plugin-vue-komponen-pratinjau
  Plugin Vite untuk mendukung tampilan pratinjau komponen Vue dengan Vue Language Features

• @vue/language-server
  Server bahasa itu sendiri .

• @vue/typescript-plugin
  Plugin TypeScript untuk server bahasa .

Integrasi Komunitas

yaegassy/coc-volar ⚡ ? ?️
Klien bahasa Vue untuk coc.nvim

neovim/nvim-lspconfig ⚡ ?
Konfigurasi server bahasa Vue untuk Neovim

Bagaimana cara mengkonfigurasi server bahasa vue dengan neovim dan lsp?

Konfigurasi mode hibrid (Memerlukan versi @vue/language-server ^2.0.0 )

Catatan: Mode "Pengambilalihan" telah dihentikan. Sebaliknya, mode "Hybrid" baru telah diperkenalkan. Dalam mode ini, Server Bahasa Vue secara eksklusif mengelola bagian CSS/HTML. Oleh karena itu, Anda harus menjalankan @vue/language-server bersama dengan server TypeScript yang menggunakan @vue/typescript-plugin . Di bawah ini adalah konfigurasi yang disederhanakan untuk LSP Neovim, diperbarui untuk mengakomodasi server bahasa setelah peningkatan ke versi 2.0.0 .

Untuk versi nvim-lspconfig di bawah v1.0.0 gunakan tsserver daripada ts_ls, misalnya lspconfig.ts_ls.setup

 -- Jika Anda menggunakan mason.nvim, Anda bisa mendapatkan ts_plugin_path seperti ini-- local mason_registry = require('mason-registry')-- local vue_lingual_server_path = mason_registry.get_package('vue-lingual-server'):get_install_path( ) .. '/node_modules/@vue/server-bahasa'local vue_bahasa_server_path = '/path/to/@vue/bahasa-server'local lspconfig = memerlukan('lspconfig')lspconfig.ts_ls.setup { init_options = {plugins = {
      {nama = '@vue/typescript-plugin',lokasi = vue_bahasa_server_path,bahasa = { 'vue' },
      },
    },
  }, tipe file = { 'typescript', 'javascript', 'javascriptreact', 'typescriptreact', 'vue' },
}-- Tidak perlu menyetel `hybridMode` ke `true` karena ini adalah nilai defaultlspconfig.volar.setup {}

Konfigurasi mode non-Hybrid (mirip dengan mode pengambilalihan) (Membutuhkan versi @vue/language-server ^2.0.7 )

Catatan: Jika hybridMode disetel ke false Volar akan menjalankan ts_ls yang tertanam, oleh karena itu tidak perlu menjalankannya secara terpisah.

Untuk informasi lebih lanjut lihat #4119

Pastikan Anda telah menginstal skrip ketikan secara global atau meneruskan lokasi ke volar

Gunakan volar untuk semua file . .{vue,js,ts,tsx,jsx} .

 lspconfig lokal = memerlukan('lspconfig')-- lspconfig.ts_ls.setup {} lspconfig.volar.setup { filetypes = { 'typescript', 'javascript', 'javascriptreact', 'typescriptreact', 'vue' }, init_options = {vue = { hybridMode = salah,
    },
  },
}

Gunakan volar hanya untuk file .vue dan ts_ls untuk file .ts dan .js .

 lspconfig lokal = memerlukan('lspconfig')lspconfig.ts_ls.setup { init_options = {plugin = {
      {nama = '@vue/typescript-plugin',lokasi = '/path/to/@vue/server-bahasa',bahasa = { 'vue' },
      },
    },
  },
}lspconfig.volar.setup { init_options = {vue = { hybridMode = false,
    },
  },
}

integrasi nvim-cmp

Simak pembahasan ini

pengaturan mattn/vim-lsp ⚡
Konfigurasi otomatis server bahasa Vue untuk vim-lsp

sublimelsp/LSP-volar ?
Klien bahasa Vue untuk Sublime

kabiaa/atom-ide-volar
Klien bahasa Vue untuk Atom

emacs-lsp/lsp-mode (jadestrong/lsp-volar) ⚡ ?
Klien bahasa Vue untuk Emacs

tommasongr/nova-vue
Klien bahasa Vue untuk Nova

xiaoxin-sky/lapce-vue
Klien bahasa Vue untuk Lapce

Kingwl/monaco-volar
Dukungan bahasa Vue untuk Monaco di Browser

Badai Web
Integrasi bawaan untuk @vue/language-server

Pengembang Eclipse WildWeb
Konfigurasi server bahasa Vue untuk Eclipse

* ⚡ mendukung banyak server
* ? dukungan mengambil alih mode
* ?️ mendukung fitur pratinjau tambahan

Panduan Kontribusi

Jika Anda ingin mengerjakan ekstensi volar, ikuti perintah berikut untuk menyiapkan lingkungan pengembangan lokal Anda.

? Perhatikan bahwa Anda memerlukan pnpm - Anda dapat mengunduhnya di sini: https://pnpm.io/installation.

 git clone https://github.com/vuejs/bahasa-tools.gitcd alat bahasa
instalasi pnpm
pnpm jalankan build

Cara yang disarankan untuk mengembangkan ekstensi volar adalah dengan menggunakan Alat Debug yang disediakan oleh VSCode. Alternatifnya, Anda dapat menjalankan salah satu skrip yang ditentukan dalam file package.json.

❗ Anda harus selalu menggunakan konfigurasi peluncuran debug atau skrip package.json yang ditentukan di root proyek.

Info tambahan untuk berkontribusi pada proyek sumber terbuka dapat ditemukan di sini: https://docs.github.com/en/get-started/quickstart/contributing-to-projects

Untuk mengembangkan dengan modul Volar.js upstream, Anda dapat mengatur ruang kerja dengan https://github.com/volarjs/workspace.