الصفحة الرئيسية>المتعلقة بالبرمجة>شفرة المصدر الأخرى
تنزيل

عينات تمديد الكود

يحتوي هذا المستودع على رمز عينة يوضح واجهة برمجة تطبيقات تمديد الكود. كل عينة عبارة عن امتداد مستقل ذاتي يشرح موضوعًا واحدًا في نقاط مساهمة VS Code API أو VS Code. يمكنك القراءة أو اللعب أو التكيف من هذه العينات لإنشاء ملحقاتك الخاصة.

يمكنك توقع من كل عينة:

  • شرح لوظائفها
  • GIF أو لقطة شاشة توضح استخدامها
  • رابط إلى دليل على موقع VS Code ، إذا كان لديه واحد
  • قائمة من واجهة برمجة تطبيقات الكود المستخدمة مقابل الكود ونقاط المساهمة
  • رمز نفس النمط ، يتم فرضه باستخدام ESLINT

المتطلبات الأساسية

تحتاج إلى تثبيت عقدة و NPM على نظامك لتشغيل الأمثلة. يوصى باستخدام إصدار العقدة المستخدمة لتطوير الكود VS نفسه الذي تم توثيقه هنا

الاستخدام

  • git clone https://github.com/Microsoft/vscode-extension-samples
  • code <any-sample-folder>
  • npm install في المحطة ، ثم F5 لتشغيل العينة
  • بدلاً من ذلك ، اتبع الإرشادات الواردة في ReadMe لكل عينة لإعداد وتشغيل العينة

ابدء

  • Hello World Sample: The Hello World Sample for VS Code. انظر توثيق تشريح التمديد.
  • Hello World Minimal Sample: نسخة الحد الأدنى من عينة Hello World مكتوبة في JavaScript.
  • Hello World Test Sample: Hello World Sample مع اختبار تكامل التمديد. انظر اختبار امتدادات الوثائق.
  • Hello World Web Sample: The Hello World Sample for VS Code Web. انظر دليل امتدادات الويب.

عينات

عينة دليل على موقع VS Code API والمساهمة
عينة WebView /API/Extension-Grigning/WebView window.createwebviewpanel
window.registerWebViewPanelserializer
عينة عرض WebView ن/أ window.registerWebViewViewProvider
WebView Codicons عينة ن/أ
عينة شريط الحالة ن/أ window.createstatusbaritem
statusbaritem
عينة عرض الشجرة /API/Extension-Guides/Tree-View window.createtreeview
Window.registerTreedataprovider
Treeview
treedataprovider
يساهم
يساهم
عينة مزود المهام /API/Extension-Gurns/Task-Provider المهام. RegisterTaskProvider
مهمة
Shellexecution
يساهم
عينة متعددة الجذر ن/أ Workspace.getWorkspacefolder
مساحة العمل
عينة مزود الانتهاء ن/أ languages.registerCompletionItemProvider
الانتهاء
SnippetString
عينة إجراءات الكود ن/أ languages.registerCodeActionSprovider
CodeActionProvider
عينة مزود نظام الملفات ن/أ Workspace.registerFilesystemProvider
عينة ديكور المحرر ن/أ texteditor.setDecorations
DecorationOptions
DecorationInstancerenderOptions
SUMABLEDECORATIONINSTANCERENDEROPTIONS
window.createTexteditordecorationType
texteditordecorationtype
يساهم
عينة L10N ن/أ
عينة الطرفية ن/أ window.createTerminal
Window.OndIdChangeActiveterminal
window.ondidcloseterminal
Window.OndidOpenterMinal
نافذة
النافذة
عينة محطة التمديد ن/أ window.createTerminal
window.pseudoterminal
Window.ExtensionerTerMinalOptions
عينة موضوع اللون /API/Extension-Guides/Color-theme يساهم
عينة سمة أيقونة المنتج /API/Extension-Gurns/Product-Icon-theme يساهم. producticonthemes
عينة VIM ن/أ الأوامر
statusbaritem
window.createstatusbaritem
texteditorcursorstyle
Window.ActivetExteditor
موضع
يتراوح
اختيار
texteditor
texteditorReVealType
TextDocument
عينة webpack /API/Work-With-Extensions/Bundling-Extension
عينة esbuild /API/Work-With-Extensions/Bundling-Extension
عينة التحكم في المصدر /API/Extension-Gurns/SCM-Provider Workspace.Workspacefolders
SourceControl
SourceControlResourceGroup
scM.CreatesourCeControl
TextDocumentContentProvider
يساهم
تعليق عينة API ن/أ
عينة تحرير المستند ن/أ الأوامر
عينة بيانات مخصصة /API/Extension-grans/تمديد المخصص
عينة مزود CodeLens ن/أ languages.registerCodelensprovider
Codelensprovider
Codelens
استدعاء عينة التسلسل الهرمي ن/أ languages.registerCallHierarchyprovider
callhierarchyprovider
callhierarchyitem
callhierarchyoutontingcall
callhierarchyincomingcall
عينة المحررين المخصصة /API/Extension-Guides/Meditors window.registerCustomEditorProvider
CustomeTexteditorProvider
يساهم
الرموز الدلالية /API/Language-Extensions/Deflight-Highwide languages.registerDocumentSemantictoKensprovider
vscode.DocumentSemantictoKensprovider
عينة مزود اختبار ن/أ
البدء عينة ن/أ
دفتر ريندرر-عينة /API/extension-guides/Notebook#Notebook-Renderer يساهم. NotebookRenderer
دفاتر-تمتد Markdown-Renderer-Sample /API/extension-guides/Notebook#Notebook-Renderer يساهم. NotebookRenderer
Jupyter-Server-Provider-Sample ن/أ
عينة الدردشة ن/أ
دردشة البرنامج التعليمي ن/أ
عينة الإخطارات ن/أ

عينات بروتوكول خادم اللغة

عينة دليل على موقع VS Code API والمساهمة
عينة المقتطف /API/Language-Extensions/Snippet-Guide يساهم
عينة تكوين اللغة /API/Language-Extensions/Language-Configuration-Guide يساهم. Languages
عينة LSP /API/Language-Extensions/Language-Server-Extension-Juide
عينة تدفق سجل LSP ن/أ
عينة خادم RSP Multi Root https://github.com/microsoft/vscode/wiki/extension-authoring:-Adopting-Multi-root-workspace-apis#language-client--language-server
عينة تمديد الويب LSP /API/Language-Extensions/Language-Server-Extension-Juide
عينة إدخال مستخدم LSP ن/أ
خدمة اللغة المضمنة LSP ن/أ
LSP المدمج طلب إعادة توجيه ن/أ
خادم لغة WASM ن/أ

رخصة

حقوق الطبع والنشر (C) Microsoft Corporation. جميع الحقوق محفوظة.

مرخصة بموجب ترخيص معهد ماساتشوستس للتكنولوجيا.

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل