قطعات برای TypeScript بدون VSCode

Summarize this content to 400 words in Persian Lang

Snippets چیست؟

اسنیپت ها قطعه های کوچکی از کد هستند که به شما امکان می دهند با درج خودکار کدهای تکراری، بهره وری را افزایش دهید. در VSCode می توانید از اسنیپت ها برای سرعت بخشیدن به توسعه TypeScript استفاده کنید.

ایجاد قطعات سفارشی

دسترسی به آرشیو قطعه: منو وصله کن Arquivo > Preferências > Configurações do Usuário > Snippets.

یک فایل را انتخاب یا ایجاد کنید: TypeScript را انتخاب کنید یا یک فایل جدید ایجاد کنید.

قطعه خود را تعریف کنید:

{
“Nome do Snippet”: {
“prefix”: “prefixo”,
“body”: [
“const ${1:variavel} = ${2:valor};”,
“// ${3:comentário}”
],
“description”: “Descrição do que faz o snippet”
}
}

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

نمونه های مفید

{
“Async Function”: {
“prefix”: “asyncf”,
“body”: [
“async function ${1:função}(${2:argumentos}) {“,
” ${3:// código}”,
“}”
],
“description”: “Cria uma função assíncrona”
}
}

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

{
“Interface”: {
“prefix”: “int”,
“body”: [
“interface ${1:Nome} {“,
” ${2:propriedade}: ${3:tipo};”,
“}”
],
“description”: “Cria uma interface”
}
}

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

استفاده از Extension Snippets

بازار VSCode را کاوش کنید تا برنامه‌های افزودنی را پیدا کنید که قطعه‌های آماده تایپ اسکریپت، مانند «قطعه‌های تایپ اسکریپت» را ارائه می‌دهند.

نتیجه گیری

استفاده از اسنیپت ها در VSCode می تواند گردش کار TypeScript شما را ساده کند و به شما این امکان را می دهد که روی آنچه واقعا مهم است تمرکز کنید: نوشتن کد با کیفیت.

   {
     "Nome do Snippet": {
       "prefix": "prefixo",
       "body": [
         "const ${1:variavel} = ${2:valor};",
         "// ${3:comentário}"
       ],
       "description": "Descrição do que faz o snippet"
     }
   }

   {
     "Async Function": {
       "prefix": "asyncf",
       "body": [
         "async function ${1:função}(${2:argumentos}) {",
         "  ${3:// código}",
         "}"
       ],
       "description": "Cria uma função assíncrona"
     }
   }

   {
     "Interface": {
       "prefix": "int",
       "body": [
         "interface ${1:Nome} {",
         "  ${2:propriedade}: ${3:tipo};",
         "}"
       ],
       "description": "Cria uma interface"
     }
   }