وقتی توی VS Code کد می‌زنیم، بخش زیادی از وقتمون صرف نوشتن ساختارها و کدهای تکراری میشه.
چیزایی که صدها بار تا حالا نوشتیمشون و حفظیم، ولی مجبوریم هربار از اول تایپشون کنیم.

ابزاری که دقیقاً برای حل این مشکل طراحی شده و سرعت کار رو خیلی بالا می‌بره، Snippets یا همون تکه‌کدهای آماده توی VS Code هست.

اسنیپت اصلاً یعنی چی؟

اسنیپت مثل یک میانبر برای کدنوییسه. یعنی شما یک کلمه کوتاه یا چند تا حرف رو تایپ می‌کنید، کلید Tab یا Enter رو می‌زنید و VS Code به جای اون چند تا حرف، یک بلوک کامل از کدهای آماده رو براتون جایگزین می‌کنه.

یک مثال خیلی ساده بزنم:
توی جاوااسکریپت، به جای اینکه هربار بنویسید:
console.log();

توی اکثر ادیتورها با فعال بودن اسنیپت، کافیه فقط بنویسید clg و دکمه Tab رو بزنید. خودش کل عبارت رو با پرانتزهاش می‌نویسه و کرسر رو درست می‌ذاره وسط پرانتز تا شروع به تایپ کنید.
به همین بساطی، هم وقتتون تلف نمیشه، هم احتمال غلط املایی موقع تایپ کم میشه.

چطوری توی VS Code اسنیپت اختصاصی خودمون رو بسازیم؟

علاوه بر اسنیپت‌های پیش‌فرضی که خود VS Code یا اکستنشن‌ها دارند، می‌تونید کدهای تکراری خودتون رو هم تبدیل به اسنیپت کنید. برای این کار:
1 - توی VS Code کلیدهای Ctrl + Shift + P (در مک Cmd + Shift + P) رو بزنید.
2 - عبارت Configure User Snippets رو سرچ کنید و روش بزنید.
3 - زبانی که می‌خواید براتون اسنیپت فعال باشه رو انتخاب کنید (مثلاً javascript یا html).
4 - یک فایل JSON باز میشه که می‌تونید اسنیپت خودتون رو اونجا اضافه کنید.


فرمت ساختنش به این شکله:

"Print to console": {
  "prefix": "clg",
  "body": [
    "console.log('$1');"
  ],
  "description": "Log output to console"
}

prefix:
همون عبارتیه که باید تایپ کنید تا اسنیپت فراخوانی بشه (مثلا clg).
body:
کدیه که قرار جایگزین بشه.
$1: جاییه که بعد از زدن دکمه Tab، نشانگر موس اونجا قرار می‌گیره تا ادامه کد رو بنویسید.

پ.ن : البته که اگر در حال یادگیری هستید به هیچ وجه پیشنهاد نمی کنم ازش استفاده کنید چون بهتره خودتون هر بار کد رو از صفر بنویسید تا تو ذهنتون بمونه ساختار.

✦ @programming_codiing