หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

VS ตัวอย่างส่วนขยายรหัส

ที่เก็บนี้มีรหัสตัวอย่างที่แสดง API ส่วนขยายรหัส VS แต่ละตัวอย่างเป็นส่วนขยายที่มีอยู่ในตัวเองซึ่งอธิบายหัวข้อหนึ่งใน VS Code API หรือจุดบริจาคของรหัส VS คุณสามารถอ่านเล่นหรือปรับตัวจากตัวอย่างเหล่านี้เพื่อสร้างส่วนขยายของคุณเอง

คุณสามารถคาดหวังได้จากแต่ละตัวอย่าง:

  • คำอธิบายเกี่ยวกับการทำงานของมัน
  • GIF หรือภาพหน้าจอแสดงให้เห็นถึงการใช้งาน
  • ลิงก์ไปยังคู่มือบนเว็บไซต์ VS Code หากมีเว็บไซต์
  • รายชื่อของรหัส API ที่ใช้แล้วและจุดบริจาค
  • รหัสสไตล์เดียวกันบังคับใช้โดยใช้ ESLINT

ข้อกำหนดเบื้องต้น

คุณต้องติดตั้งโหนดและ NPM ในระบบของคุณเพื่อเรียกใช้ตัวอย่าง ขอแนะนำให้ใช้เวอร์ชันโหนดที่ใช้สำหรับการพัฒนารหัส VS ซึ่งมีการบันทึกไว้ที่นี่

การใช้งาน

  • git clone https://github.com/Microsoft/vscode-extension-samples
  • code <any-sample-folder>
  • npm install ในเทอร์มินัลจากนั้น F5 เพื่อเรียกใช้ตัวอย่าง
  • หรือทำตามคำแนะนำใน readme ของแต่ละตัวอย่างสำหรับการตั้งค่าและเรียกใช้ตัวอย่าง

เริ่มต้น

  • ตัวอย่างสวัสดีโลก: ตัวอย่าง Hello World สำหรับรหัส VS ดูเอกสารประกอบกายวิภาคส่วนขยาย
  • Hello World ตัวอย่างน้อยที่สุด: ตัวอย่าง Hello World รุ่นน้อยที่เขียนใน JavaScript
  • Hello World Test ตัวอย่าง: ตัวอย่าง Hello World พร้อมการทดสอบการรวมส่วนขยาย ดูเอกสารประกอบการทดสอบ
  • Hello World Web ตัวอย่าง: ตัวอย่าง Hello World สำหรับ VS Code Web ดูคู่มือการขยายเว็บ

ตัวอย่าง

ตัวอย่าง คู่มือเกี่ยวกับเว็บไซต์รหัส VS API & การบริจาค
ตัวอย่างเว็บวิว /API/Extension-Guide/WebView window.createwebviewpanel
window.registerWebViewPanelSerializer
WebView View ตัวอย่าง N/A window.registerWebViewViewProvider
ตัวอย่าง WebView Codicons N/A
ตัวอย่างแถบสถานะ N/A window.createstatusbaritem
StatusBarItem
ตัวอย่างมุมมองต้นไม้ /API/Extension-Guide/Tree-View window.createTreeview
window.registertreedataprovider
ทรีทวิว
Treedataprovider
มีส่วนร่วม
มีส่วนร่วม ViewScontainers
ตัวอย่างผู้ให้บริการงาน /API/Extension-Guide/ผู้ให้บริการงาน Tasks.registerTaskProvider
งาน
เชลเล็ก
มีส่วนร่วม. taskdefinitions
ตัวอย่างหลายรูต N/A Workspace.getWorkspaceFolder
Workspace.ondidchangeWorkspaceFolders
ตัวอย่างผู้ให้บริการที่เสร็จสมบูรณ์ N/A Languages.RegisterCompletionItemProvider
เสร็จสมบูรณ์
สัดส่วน
ตัวอย่างการดำเนินการรหัส N/A Languages.registerCodeactionSprovider
CodeactionProvider
ตัวอย่างผู้ให้บริการระบบไฟล์ N/A Workspace.RegisterFilesystemProvider
ตัวอย่างมัณฑนากร editor N/A texteditor.setDecorations
การตกแต่ง
DecorationInstancerenderoptions
ThemeabledecorationInstancerenderoptions
window.createtexteditordecorationType
texteditordecorationtype
มีส่วนร่วม
ตัวอย่าง L10N N/A
ตัวอย่างเทอร์มินัล N/A window.createTerminal
window.ondidchangeActiveterminal
window.ondidcloseterminal
window.ondidopenterminal
หน้าต่างเทอร์มินัล
หน้าต่างเทอร์มินัล
ตัวอย่างเทอร์มินัลส่วนขยาย N/A window.createTerminal
window.pseudoterminal
window.extensionStionalOptions
ตัวอย่างธีมสี /API/Guide-Guides/The Color-theme มีส่วนร่วม
ตัวอย่างชุดรูปแบบไอคอนผลิตภัณฑ์ /API/Extension-Guide/Product-Icon-theme มีส่วนร่วม. producticonthemes
ตัวอย่าง vim N/A คำสั่ง
StatusBarItem
window.createstatusbaritem
TexteditorCursorStyle
window.activeTexteditor
ตำแหน่ง
พิสัย
การเลือก
ผู้กำหนดข้อความ
TextedItorvealType
เอกสารข้อความ
webpack-sample /api/working-with-extensions/bundling-extension
ตัวอย่างตัวอย่าง /api/working-with-extensions/bundling-extension
ตัวอย่างการควบคุมต้นทาง /API/Extension-Guide/SCM-Provider workspace.workspacefolders
sourcecontrol
SourceControlResourceGroup
SCM.CreatesourceControl
TextDocumentContentProvider
มีส่วนร่วม
แสดงความคิดเห็นตัวอย่าง API N/A
ตัวอย่างการแก้ไขเอกสาร N/A คำสั่ง
ตัวอย่างข้อมูลที่กำหนดเอง /API/Extension-Guide/Custom-Data-Extension
ตัวอย่างผู้ให้บริการ codelens N/A Languages.registerCodelensProvider
codelensprovider
โคเดเลเลน
โทรหาตัวอย่างลำดับชั้น N/A Languages.registerCallHierarchyProvider
Callhierarchyprovider
Callhierarchyitem
callhierarchyoutgoingcall
callhierarchyinmingcall
ตัวอย่างบรรณาธิการที่กำหนดเอง /API/Guide-Guide/Custom-Editors window.registercustomeditorProvider
CustomTextEditorProvider
มีส่วนร่วม
โทเค็นความหมาย /API/Language-Extensions/Semantic-Highlight-Guide Languages.registerDocumentsemantictokensprovider
vscode.documentsemantictokensprovider
ตัวอย่างผู้ให้บริการทดสอบ N/A
การเริ่มต้นตัวอย่าง N/A
ตัวอย่างโน้ตบุ๊กเรนเดอร์ /API/Extension-Guide/Notebook#Notebook Renderer มีส่วนร่วม NoteBookRenderer
Notebook-Extend-Markdown-Renderer-Sample /API/Extension-Guide/Notebook#Notebook Renderer มีส่วนร่วม NoteBookRenderer
Jupyter-Server-Provider-Sample N/A
ตัวอย่างแชท N/A
บทช่วยสอนการแชท N/A
ตัวอย่างการแจ้งเตือน N/A

ตัวอย่างโปรโตคอลเซิร์ฟเวอร์ภาษา

ตัวอย่าง คู่มือเกี่ยวกับเว็บไซต์รหัส VS API & การบริจาค
ตัวอย่างตัวอย่าง /API/Language-Extensions/Snippet-Guide มีส่วนร่วม
ตัวอย่างการกำหนดค่าภาษา /API/Language-Extensions/Language-Configuration-Guide มีส่วนร่วมภาษา
ตัวอย่าง LSP /API/Language-Extensions/Language-Server-Extension-Guide
ตัวอย่างการสตรีมบันทึก LSP N/A
LSP Multi Root Server ตัวอย่าง https://github.com/microsoft/vscode/wiki/extension-authoring:-adopting-multi-root-workspace-apis#language-client
ตัวอย่างส่วนขยายเว็บ LSP /API/Language-Extensions/Language-Server-Extension-Guide
ตัวอย่างอินพุตผู้ใช้ LSP N/A
LSP Embedded Language Service N/A
การส่งต่อคำขอ LSP Embedded N/A
เซิร์ฟเวอร์ภาษา WASM N/A

ใบอนุญาต

ลิขสิทธิ์ (c) Microsoft Corporation สงวนลิขสิทธิ์

ได้รับใบอนุญาตภายใต้ใบอนุญาต MIT

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด