اتصال افزونه‌ی Continue.dev به Gilas API برای تکمیل خودکار کد

 اتصال افزونه‌ی Continue.dev به Gilas API برای تکمیل خودکار کد

code auto-completion, tab completion, AI-integration, code-editor, continue.dev, تکمیل کد, برنامه نویسی, هوش مصنوعی, افزونه, ویرایشگر کد, تکمیل خودکار کد, کدنویسی با هوش مصنوعی
preview

درین پست نحوه تنظیم ابزار محبوب Continue.dev برای تکمیل خودکار کد code auto-completion که گاهی از آن به عنوان Tab completion هم یاد می‌شود را با استفاده از مدل Codestral از طریق Gilas API بررسی میکنیم.

ابزارهای تکمیل خودکار کد برای تکمیل خطوط کد باز یا ناقص طراحی شده است و به شما امکان می‌دهد به سرعت و با دقت بیشتری کد خود را تکمیل کنید. مدل Codestral که توسط Gilas API در دسترس است٬ یک مدل پیشرفته تولید کد است که به طور خاص برای وظایف تولید کد مانند تکمیل و تولید کد در بین خطوط بهینه‌سازی شده است. همچنین این مدل قابلیت تکمیل متن به زبان انگلیسی٬ فارسی و غیره را نیز دارد که در نوشتن کامنت یا متون دیگر می‌تواند مورد استفاده قرار بگیرد.

برای آگاهی از تمام امکانات این اکستنشن و نحوه‌ی استفاده بهینه از آن مقاله‌ی راهنمای جامع Continue.dev برای کدنویسی با هوش مصنوعی را مطالعه کنید

تنظیم اکستنشن Continue.dev #

توجه: برای پیکربندی اکستنشن‌ نیازی به لاگین کردن به Continue.dev ندارید.

افزونه‌ی Continue.dev یک افزونه برای ویرایشگرهای VS Code, Cursor و JetBrains است که به شما امکان می‌دهد به سرعت و با دقت بیشتری کد خود را تکمیل کنید. این افزونه همچنین امکان چت و تولید کد را نیز دارد.

مراحل فعال‌سازی #

  1. ایجاد حساب کاربری در گیلاس:

    • ابتدا یک حساب کاربری جدید در گیلاس بسازید یا اگر صاحب حساب کاربری هستید وارد پنل کاربری خود شوید.
    • سپس، به صفحه کلید API بروید و با کلیک روی دکمه “ساخت کلید API” یک کلید جدید برای دسترسی به Gilas API بسازید.
  2. نصب افزونه‌ی Continue.dev:

    • افزونه‌ی Continue.dev را در ویرایشگر مورد نظر خود نصب کنید. (راهنما: نصب افزونه)
  3. تنظیمات افزونه:

    • بر روی آیکون continue.dev در نوار کناری ویرایشگر کلیک کنید٬ سپس بر روی آیکون تنظیمات در بالا سمت راست یا چپ کلیک کرده و در نمای جدید بر روی دکمه‌ی Open Config File کلیک کنید.
تنظیمات افزونه
  1. پیکربندی مدل Codestral:
    • در فایل config.json باز شده، مدل Codestral را در لیست TabAutoCompleteModel همراه با آدرس Gilas API Url و کلید API ساخته شده در مرحله اول قرار دهید.
1  {
2   "tabAutocompleteModel": {
3    "title": "Codestral",
4    "provider": "mistral",
5    "model": "codestral-latest",
6    "apiBase": "https://api.gilas.io/v1",
7    "apiKey": "Your-Gilas-Api-Key"
8  },
9}

فایل زیر نمونه‌ی پیکربندی کامل اکستنشن Continue.dev با استفاده از APIهای گیلاس برای چت و تولید کد و همچنین تکمیل خودکار کد است. برای استفاده از آن کافی است که آن را در فایل config.json خود کپی کرده و مقدار Your-Gilas-Api-Key را با کلید API ساخته شده در مرحله‌ی اول جایگزین کنید.

 1{
 2  "models": [
 3    {
 4      "title": "Claude 3.7 Sonnet",
 5      "provider": "anthropic",
 6      "model": "claude-3-7-sonnet-latest",
 7      "apiBase": "https://api.gilas.io/v1",
 8      "apiKey": "Your-Gilas-Api-Key"
 9    },
10    {
11      "title": "Claude 3.5 Haiku",
12      "provider": "anthropic",
13      "model": "claude-3-5-haiku-latest",
14      "apiBase": "https://api.gilas.io/v1",
15      "apiKey": "Your-Gilas-Api-Key"
16    },
17    {
18      "title": "GPT-4o",
19      "provider": "openai",
20      "model": "gpt-4o",
21      "apiBase": "https://api.gilas.io/v1",
22      "apiKey": "Your-Gilas-Api-Key"
23    },
24    {
25      "title": "o3-mini",
26      "provider": "openai",
27      "model": "o3-mini",
28      "apiBase": "https://api.gilas.io/v1",
29      "apiKey": "Your-Gilas-Api-Key"
30    },
31    {
32      "title": "GPT-4o-mini",
33      "provider": "openai",
34      "model": "gpt-4o-mini",
35      "apiBase": "https://api.gilas.io/v1",
36      "apiKey": "Your-Gilas-Api-Key"
37    },
38    {
39      "title": "Deepseek Chat",
40      "provider": "openai",
41      "model": "deepseek-chat",
42      "apiBase": "https://api.gilas.io/v1",
43      "apiKey": "Your-Gilas-Api-Key"
44    },
45    {
46      "title": "Deepseek Reasoner",
47      "provider": "openai",
48      "model": "deepseek-reasoner	",
49      "apiBase": "https://api.gilas.io/v1",
50      "apiKey": "Your-Gilas-Api-Key"
51    }
52  ],
53  "tabAutocompleteModel": {
54    "title": "Codestral",
55    "provider": "mistral",
56    "model": "codestral-latest",
57    "apiBase": "https://api.gilas.io/v1",
58    "apiKey": "Your-Gilas-Api-Key"
59  },
60  "slashCommands": [
61    {
62      "name": "edit",
63      "description": "Edit selected code"
64    },
65    {
66      "name": "comment",
67      "description": "Write comments for the selected code"
68    },
69    {
70      "name": "share",
71      "description": "Export the current chat session to markdown"
72    },
73    {
74      "name": "cmd",
75      "description": "Generate a shell command"
76    },
77    {
78      "name": "commit",
79      "description": "Generate a git commit message"
80    }
81  ],
82  "docs": [],
83  "contextProviders": [
84    {
85      "name": "url"
86    }
87  ]
88}
برای پیکربندی کامل افزونه جهت تکمیل خودکار کد و چت با مدل‌های تولید کد لطفا مقاله‌ی پیکربندی افزونه‌ی Continue.dev را مطالعه کنید.

پس از ذخیره فایل، باید تکمیل شدن خطوط برنامه به صورت خودکار اتفاق بیفتد. لطفا مطمین شوید که پس از ذخیره‌ی فایل خطایی در خصوص خطا وجود در فایل دریافت نکنید.

همچنین با باز کردن محیط Continue باید لیست مدل‌های ثبت شده برای چت را نیز مشاهده کنید.

تکمیل خودکار کد

سوالات متداول در مورد اکستنشن Continue.dev #

آیا برای استفاده از اکستنشن Continue.dev باید اول لاگین کنم؟ نمایش جواب
خیر. برای استفاده از اکستنشن نیازی به لاگین کردن به اکستنشن نیست. فقط کافیه از طریق پنل کاربری گیلاس کلید API خودتون رو بسازین و طبق راهنمای بالا اون رو در فایل config.json استفاده کنید.
کدام مدل‌های تولید کد را می‌شود به اکستنشن Continue.dev وصل کرد؟ نمایش جواب
تمام مدل‌های تولید متن که از طریق پلتفرم گیلاس در دسترس قرار دارند را می‌توان به اکستنشن اضافه کرد. برای این کار کافی هست که مدل‌های مورد نظر خود را به لیست models در فایل config.json اضافه کنید.
چطور از اتصال صحیح اکستنشن به APIهای گیلاس مطمین شوم؟ نمایش جواب
برای این کار کافی‌ست که از طریق نوار ابزار کنار ادیتور اکستنشن را باز کنید و در محیط چت سوالی را بپرسید. در صورت اتصال صحیح اکستنشن به APIهای گیلاس، پاسخ سوالی که پرسیده‌اید را دریافت خواهید کرد. در غیر این صورت، پیغام خطایی دریافت خواهید کرد. در صورت دریافت پیام خطا فایل config.jsonرا بررسی کنید و مطمین شوید که از الگوی ارایه شده در بالا پیروی می‌کند. همچنین مطمین شوید که کلید API خود را به درستی وارد کرده‌اید و همچنین مقدار apiBase را برای هر مدل معادل آدرس APIهای گیلاس قرار داده اید.
چرا تکمیل خودکار کد پس از مدتی دیگر کار نمی‌کند؟ نمایش جواب
در صورتی که تکمیل خودکار کد قبلا کار میکرده، احتمالا اعتبار کیف پول شما در پلتفرم هوش مصنوعی گیلاس تمام شده است. برای شارژ‌ مجدد کیف پول خود کافی‌ست به پنل کاربری گیلاس مراجعه کنید و کیف پول خود را شارژ کنید. دلیل دیگر می‌تواند تغییرات در فایل config.json باشد. برای رفع این مشکل، فایل config.json را بررسی کنید و مطمئن شوید که همه تنظیمات به درستی انجام شده‌اند.
آیا امکان استفاده از مدل‌های دیگر مثل OpenAI یا Anthtopic برای تکمیل خودکار کد وجود دارد؟ نمایش جواب
خیر. هیچکدام از مدل‌های شرکت‌های OpenAI یا Anthropic برای تکمیل خودکار کد آموزش ندیده‌اند و تنها مدل codestral از شرکت Mistral قابلیت تکمیل خودکار کد با کیفیت بالا را دارد.