اتوماتیک تایپی صرفه جویی تلفیقی در ویژوال استودیو کد

در این پست ما دو مشکلات را حل کند: 1) فرمان “TSC” این است که در ترمینال یکپارچه کد VS به رسمیت شناخته نشده, E 2) تلفیقی به صورت خودکار کار نمی در هنگام ذخیره فایل “.TS” (نوع اسکریپت).

معرفی

فقط به مفاد, o TypeScript ، جدید که اجازه می دهد تا شما را به نوشتن کد با استفاده از یک ساختار به شدت تایپ و این کد کامپایل شده برای جاوا اسکریپت خالص. در حال حاضر این ویژوال استودیو کد یک ویرایشگر کد کراس پلت فرم است که توسط مایکروسافت ایجاد شده است.

// نسخه های مورد استفاده در این نوشته:
- ویژوال استودیو (مقابل) کد ، سال نو: نسخه 1.14.1
- Typescript ، جدید که: نسخه 2.4.1

این یک نکته ساده, اما اگر نمی دانید چه کاری انجام می دهید ، ممکن است مشکلی داشته باشید: مورد من :D

Node. js نصب و TypeScript

یکی از راه های نصب TypeScript از طریق مدیریت بسته Node. js است (Npm – گره مدیر بسته), اما برای استفاده از آن, شما اول نیاز نصب Node. js.

پس از نصب گره, ترمینال را باز کنید (فرمان) و دستور زیر را اجرا کنید تا نصب TypeScript:

npm نصب -typescript گرم

هنوز توسط ترمینال ویندوز (یا لینوکس), انجام تست عمل TypeScript با چک کردن نسخه نصب شده. فرمان را “TSC” مخفف کامپایلر TypeScript است.

TSC -وحيد

مشکل

مشکل این است که فرمان “TSC” به طور معمول در ترمینال ویندوز کار می کرد, اما نه در ترمینال یکپارچه که در درون کد ویژوال استودیو خود می آید (VS کد), نمایش خطای زیر:

tsc شناخته شده نیست مانند یک دستور داخلی یا خارجی,برنامه قابل علاج و یا دسته ای پرونده.

به علاوه, من نمی خواستم فرمان را اجرا کنم “TSC” برای هر بار که شما می خواهید برای کامپایل یک فایل “.TS” (فرمت به TypeScript). سپس, چگونه همیشه انجام تلفیقی خودکار هنگام ذخیره (CTRL + S)? این چیزی است که ما پیش رو خواهیم دید.

خطاهای دیگر

تلاش برای حل این مشکلات, در بر داشت نوشته ها گفتن به استفاده از compileOnSave, اما این تنها توسط ویژوال استودیو پشتیبانی می شود 2015 با TypeScript > = 1.8.4 و اتم-typescript پلاگین. به عبارت دیگر, بدون استفاده compileOnSave در “tsconfig. json” ویژوال استودیو کد, کد زیر کار نخواهد کرد:

{
   "compileOnSave": درست,
   "compilerOptions": {
       "noImplicitAny" : درست
   }
}

راه حل

TSC در VS کد ترمینال یکپارچه

اول بیایید حل مشکل TSC در ترمینال کد یکپارچه ویژوال استودیو شناخته نمی شود (VS کد).

برخی Posts پیشنهاد قرار دادن مسیر tsc یا npm در محیط متغیر مسیر, اما یک راه آسان برای حل این بود با انجام نصب و راه اندازی “TypeScript برای ویژوال استودیو, که برای VS کد نیز سازگار است.

بله در حال حاضر, پس از نصب, ترمینال کد یکپارچه ویژوال استودیو را باز کنید, تایپ:

// کلید فوری برای ویژوال استودیو کد ترمینال یکپارچه:
Ctrl+`
// یا از منو برای باز کردن ترمینال در ویژوال استودیو کد استفاده کنید:
مشاهده ، نمایش جدید > ترمینال یکپارچه

سعی کنید برای بررسی نسخه TypeScript مستقیم در ترمینال در مقابل کد یکپارچه (نه در ترمینال ویندوز), و این احتمالا کار خواهد کرد:

TSC -وحيد

کامپایل خودکار هنگام ذخیره یک فایل .TS

از طریق ترمینال کد VS ، خود را در دایرکتوری اسکریپت خود قرار دهید (.TS), مثلا:

سی دی سی:\wamp64wwwts

ایجاد فایل tsconfig. json تایپ در ترمینال کد VS:

TSC --init

توجه داشته باشید که یک فایل “tsconfig. json” ایجاد خواهد شد در “C:\wamp64wwwts” (دایرکتوری فعلی).

را باز کنید tsconfig. json و فعال کردن گزینه “sourceMap”: درست, و ذخیره اصلاح, گرفتن مثل این:

  "compilerOptions": {
    /* گزینه های اساسی */
    "target": "es5",                          /* تعیین نسخه هدف ECMAScript: 'ES3' (به طور پیش فرض), ES5, 'ES2015', 'ES2016', 'ES2017', یا «ESNEXT». */
    "module": "commonjs",                     /* تعیین کد ماژول تولید: 'commonjs', amd, سیستم, umd, 'es2015', یا «ESNext». */
    // "lib": [],                             /* تعیین فایل های کتابخانه را در مجموعه گنجانده شود:  */
    // "allowJs": درست,                       /* اجازه دادن به فایل های جاوا اسکریپت را وارد. */
    // "checkJs": درست,                       /* گزارش خطاها در فایل های. js. */
    // "jsx": "preserve",                     /* تعیین کد تولید JSX: حفظ, ' واکنش-بومی ', یا ' واکنش نشان می دهد. */
    // "declaration": درست,                   /* ایجاد فایل مربوطه '. d. ts '. */
    "sourceMap": درست,                     /* ایجاد فایل مربوطه '. map '. */
    // "outFile": "./",                       /* خروجی را به فایل تکی متصل کرده و منتشر می کند. */
    // "outDir": "./",                        /* تغییر مسیر ساختار خروجی به دایرکتوری. */
    // "rootDir": "./",                       /* مشخص کردن دایرکتوری ریشه فایل های ورودی. استفاده برای کنترل ساختار دایرکتوری خروجی با--outDir. */
    ... مستمر ...

زود, agora é só ir هیچ پایانه انجام VS کد e digitar o comando:

TSC -w

ست کامآندو fica وریآندو (ou vendo, بنابر این “w” de watch) یک شرکت با کیفیت و بدون ارکگیو... .TS, کوآندو سالوائو, fará a imediata compilação em .Js.

که در آن!

تعداد دسترسی ها: 9221

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخشهای موردنیاز علامتگذاری شدهاند با *