أدوات اللغة

أدوات لغة فيو

⚡ أدوات لغة Vue عالية الأداء تعتمد على Volar.js

#language-tools على خادم Discord الخاص بنا

الحزم

• ميزات لغة فيو
  ملحق دعم لغة Vue وVitepress وpetite-vue لـ VSCode

• vue-tsc
  أداة سطر الأوامر لفحص النوع وبناء dts

• vue-component-meta
  الدعائم المكونة والأحداث وأنواع الفتحات أداة استخراج المعلومات

• vite-plugin-vue-component-preview
  Vite plugin لدعم عرض معاينة مكون Vue مع Vue Language Features

• @vue/language-server
  خادم اللغة نفسه .

• @vue/typescript-plugin
  البرنامج المساعد Typescript لخادم اللغة .

التكامل المجتمعي

yaegassy/coc-volar ⚡ ? ?️
عميل لغة Vue لـ coc.nvim

نيوفيم/nvim-lspconfig ⚡ ؟
تكوين خادم لغة Vue لـ Neovim

كيفية تكوين خادم لغة vue مع neovim وlsp؟

تكوين الوضع المختلط (يتطلب إصدار @vue/language-server ^2.0.0 )

ملاحظة: تم إيقاف وضع "الاستحواذ". وبدلاً من ذلك، تم تقديم وضع "هجين" جديد. في هذا الوضع، يقوم خادم لغة Vue بإدارة أقسام CSS/HTML حصريًا. ونتيجة لذلك، يجب عليك تشغيل @vue/language-server مع خادم TypeScript الذي يستخدم @vue/typescript-plugin . يوجد أدناه تكوين مبسط لـ LSP الخاص بـ Neovim، والذي تم تحديثه لاستيعاب خادم اللغة بعد الترقية إلى الإصدار 2.0.0 .

بالنسبة لإصدارات nvim-lspconfig الأقدم من الإصدار v1.0.0، استخدم tsserver بدلاً من ts_ls، على سبيل المثال lspconfig.ts_ls.setup

 - إذا كنت تستخدم mason.nvim، فيمكنك الحصول على ts_plugin_path مثل هذا-- mason_registry المحلي = require('mason-registry')-- local vue_language_server_path = mason_registry.get_package('vue-language-server'):get_install_path( ) .. '/node_modules/@vue/language-server'local vue_language_server_path = '/path/to/@vue/language-server'local lspconfig = require('lspconfig')lspconfig.ts_ls.setup { init_options = {plugins = {
      {الاسم = '@vue/typescript-plugin'، الموقع = vue_language_server_path،languages ​​= { 'vue' }،
      },
    },
  }، أنواع الملفات = { 'typescript'، 'javascript'، 'javascriptreact'، 'typescriptreact'، 'vue' }،
}-- لا داعي لضبط `hybridMode` على `true` لأنها القيمة الافتراضية lspconfig.volar.setup {}

تكوين الوضع غير المختلط (مشابه لوضع الاستحواذ) (يتطلب إصدار @vue/language-server ^2.0.7 )

ملحوظة: إذا تم تعيين hybridMode على false ، فسيتم تشغيل Volar المضمن ts_ls وبالتالي ليست هناك حاجة لتشغيله بشكل منفصل.

لمزيد من المعلومات انظر رقم: 4119

تأكد من تثبيت النسخة المطبوعة على مستوى العالم أو قم بتمرير الموقع إلى volar

استخدم volar لجميع ملفات . .{vue,js,ts,tsx,jsx} .

 lspconfig المحلي = يتطلب ('lspconfig')-- lspconfig.ts_ls.setup {} lspconfig.volar.setup { filetypes = { 'typescript', 'javascript', 'javascriptreact', 'typescriptreact', 'vue' }, init_options = {vue = {الوضع الهجين = خطأ،
    },
  },
}

استخدم volar لملفات .vue و ts_ls لملفات .ts و .js فقط.

 lspconfig المحلي = require('lspconfig')lspconfig.ts_ls.setup { init_options = {plugins = {
      {name = '@vue/typescript-plugin',location = '/path/to/@vue/language-server',languages ​​= { 'vue' },
      },
    },
  },
}lspconfig.volar.setup { init_options = {vue = { hybridMode = false،
    },
  },
}

تكامل nvim-cmp

تحقق من هذه المناقشة

إعدادات mattn/vim-lsp ⚡
التكوين التلقائي لخادم لغة Vue لـ vim-lsp

sublimelsp/LSP-volar ؟
عميل لغة Vue لـ Sublime

kabiaa / atom-ide-volar
عميل لغة Vue لـ Atom

emacs-lsp/lsp-mode (jadestrong/lsp-volar) ⚡ ?
عميل لغة Vue لـ Emacs

tommasongr/nova-vue
عميل لغة Vue لـ Nova

xiaoxin-sky/lapce-vue
عميل لغة Vue لـ Lapce

Kingwl / موناكو فولار
دعم لغة Vue لموناكو على المتصفح

عاصفة الويب
تكامل مدمج لـ @vue/language-server

كسوف WildWebDeveloper
تكوين خادم لغة Vue لـ Eclipse

* ⚡دعم خوادم متعددة
* ؟ دعم تولي الوضع
* ?️ دعم ميزات المعاينة الإضافية

دليل المساهمة

إذا كنت تريد العمل على الامتداد Volar، فاتبع هذه الأوامر لإعداد بيئة التطوير المحلية الخاصة بك.

؟ لاحظ أنك ستحتاج إلى pnpm - يمكنك تنزيله من هنا: https://pnpm.io/installation.

 استنساخ بوابة https://github.com/vuejs/language-tools.gitcd language-tools
تثبيت pnpm
بناء تشغيل pnpm

الطريقة الموصى بها لتطوير الامتداد الحلقي هي استخدام أدوات التصحيح التي يوفرها VSCode. وبدلاً من ذلك، يمكنك تشغيل أحد البرامج النصية المحددة في ملف package.json.

❗ يجب عليك دائمًا استخدام تكوينات تشغيل تصحيح الأخطاء أو البرامج النصية package.json المحددة في جذر المشروع.

يمكن العثور على معلومات إضافية للمساهمة في المشاريع مفتوحة المصدر هنا: https://docs.github.com/en/get-started/quickstart/contributing-to-projects

للتطوير باستخدام وحدات Volar.js الأولية، يمكنك إعداد مساحة العمل باستخدام https://github.com/volarjs/workspace.