Visual Studio က Code ကိုအတွက်အလိုအလျောက်စုစည်းချွေတာ typescript

ဒီ post မှာတော့ကျနော်တို့နှစ်ခုပြဿနာများကိုဖြေရှင်းနိုင်ကြလိမ့်မည်: 1) အမိန့် “tsk” ဒါဟာပေါင်းစည်း terminal ကို VS ကုဒ်အတွက်အသိအမှတ်ပြုမထားဘူး, အီး 2) စုစည်း file ကိုကယ်ဖို့အလိုအလျှောက်အလုပ်မလုပ်ပါဘူး “.TS” (type Script).

နိဒါန်း

ရုံ Contextual မှ, အ TypeScript ဒါဟာသင်တစ်ဦးအားပြင်းထန်စွာရိုက်ဖွဲ့စည်းပုံမှာသုံးပြီး code ကိုရေးဖို့ခွင့်ပြုနှင့်ဤကုဒ်စင်ကြယ်သော JavaScript ကိုမှပြုစုခဲ့ကြ. ပြီးပြီ Visual Studio က Code ကို ဒါဟာ Microsoft ကအသုံးပြုနေသူများကဖန်တီး cross-platform ကိုကုဒ်အယ်ဒီတာဖြစ်ပါသည်.

// ဒီ Post ကိုအတွက်အသုံးပြု versions:
- Visual Studio (VS) ကုဒ်: ဗားရှင်း 1.14.1
- Typescript: ဗားရှင်း 2.4.1

ဤလွယ်ကူသောအစွန်အဖျားဖြစ်ပြီး, သင်လုပ်နေလုပ်နေအဘယ်အရာကိုမသိရပါဘူးလျှင်မူကားသင်သည်ပြဿနာများရှိစေခြင်းငှါ: ကြှနျတေျာ့အမှု :: D

Node.js နဲ့ typescript တပ်ဆင်ခြင်း

တပ်ဆင်ရန်တလမ်းတည်းဖြင့် Node.js အထုပ်မန်နေဂျာမှတဆင့် typescript ဖြစ်ပါသည် (လက်သင်္ကေ – node အထုပ်မန်နေဂျာ), ပိုပြီးသုံးပြီး-lo များအတွက်, သင်ပထမဦးဆုံးလိုအပ် install Node.js.

အဆိုပါ Node ကိုသွင်းယူပြီးနောက်, ပွင့်လင်းဒါမှမဟုတ် terminal (အမိန့်) နှင့်မှအောက်ပါ command ကို run TypeScript ဏ instalar:

install npm -ဆ typescript

Windows အ Terminal နှင့်ပေမယ့် (သင့်ရဲ့ Linux ကို), Installer ကိုဗားရှင်းစစ်ဆေးနေသည့် typescript တစ်ဦးစမ်းသပ်ပြေးအောင်. အမိန့် “tsk” ဒါဟာ typescript Compiler တစ်ခုအတိုကောက်ဖြစ်ပါတယ်.

tsk -v

ပြဿနာ

အဆိုပါပြဿနာက command ဖြစ်ပါတယ် “tsk” ဒါဟာ Windows ကို Terminal နှင့်များတွင်ပုံမှန်အားဖြင့်လည်ပတ်အလုပ်လုပ်နေတယ်, ဒါပေမယ့်မရ Visual Studio က Code ကိုသူ့ဟာသူအတွက်လာမယ့်ဟာပေါင်းစည်း terminal ထဲ (VS ကုဒ်), အောက်ပါအမှားပြသ:

'' မောင်က '' အသိအမှတ်ပြုမထားဘူး အဖြစ် ပြည်တွင်းရေးသို့မဟုတ်ပြင်ပ command ကို,အော်ပရေတာအစီအစဉ်ကိုသို့မဟုတ်သုတ် ဖိုင်.

ထိုမှတပါး, ငါ command ကို run ချင်ခဲ့ပါဘူး “tsk” ငါဖိုင်တစ်ဖိုင် compile ချင်ခဲ့တယ်အခါတိုင်းများအတွက် “.TS” (typescript များအတွက် extension ကို). ထိုအခါ, အမြဲအဖြစ်အလိုအလျောက်စုစည်းချွေတာရေးလုပ် (CTRL + S ကို)? ဒါကကျနော်တို့မြင်ရကြလိမ့်မည်ကဘာလဲ.

အခြားအမှားများ

ဒီပြဿနာတွေကိုကိုင်တွယ်ဖြေရှင်းဖို့, စာတိုက်အသုံးပြုမှုဟုတွေ့ရှိရ compileOnSave, သို့သော်ဤသာ Visual Studio ကထောက်ခံနေသည် 2015 com TypeScript> = 1.8.4 အီးအက်တမ်-typescript plugin ကို. အခြားစကား, အဘယ်သူမျှမကောငျးစှာအသုံးခ compileOnSave အဘယ်သူမျှမ “tsconfig.json” Visual Studio က Code ကိုပြုပါ, အလိုတော်မဟုတ်အလုပ်အောက်ကကုဒ်:

{
   "compileOnSave": စစ်မှန်တဲ့,
   "compilerOptions": {
       "noImplicitAny" : စစ်မှန်တဲ့
   }
}

ဖြေရှင်းနည်း

အဆိုပါပေါင်းစည်း VS Code ကို Terminal နှင့်ထဲမှာ TSC

ပထမဦးစွာကျနော်တို့၏ပြဿနာကိုဖြေရှင်းပေး tsk အဆိုပါ Visual Studio က Code ကို၏ဘက်ပေါင်းစုံ terminal ကိုအသိအမှတ်ပြုခြင်းကိုမ (VS ကုဒ်).

အချို့သော စာတိုက် သူတို့က PATH ပတ်ဝန်းကျင် variable ကိုအတွက် tsk သို့မဟုတ် npm ၏လမ်းကြောင်းချပြီးအကြံပြု, ဒါပေမဲ့ဒီဖြေရှင်းရန်လွယ်ကူသောလမ်းလုပ်နေခဲ့သည် တပ်ဆင် “Visual Studio အဘို့အ TypeScript, ထို့အပြင် VS Code ကိုအဘို့အလိုက်ဖက်ရာဖြစ်ပါသည်.

ဟုတ်ကဲ့အခုဆိုရင်, တပ်ဆင်ပြီးနောက်, အဆိုပါ Visual Studio က Code ကို၏စစ်ဆင်ရေး panel ကိုဖွင့်လှစ်, စာရိုက်:

// အဆိုပါ Visual Studio က Code ကို၏ဘက်ပေါင်းစုံ terminal ကိုများအတွက်ဖြတ်လမ်းသော့ချက်:
CTRL+`
// ဒါမှမဟုတ် Visual Studio က Code ကိုအတွက် terminal ကိုဖွင့်ဖို့ menu ကိုအသုံးပြုနိုင်သည်:
ကြည့်ရှုခြင်း > ဘက်ပေါင်းစုံ Terminal နှင့်

အဆိုပါစစျဆေးဖို့ကြိုးစားပါ အဆိုပါ typescript ၏ဗားရှင်း အဆိုပါပေါင်းစည်း terminal ကို VS Code ကိုညွှန်ကြား (မရက Windows Terminal နှင့်ထဲမှာ), နှင့်ဖြစ်ကောင်းအလုပ်လုပ်ပါလိမ့်မည်:

tsk -v

အလိုအလျောက်စုစည်းဖိုင်တစ်ဖိုင်ချွေတာသည့်အခါ .TS

terminal ကို VS Code ကိုအားဖြင့်သင့် script ကို directory ထဲတွင်အနေအထားဖြစ်ပါသည် (.TS), ဥပမာအား:

cd ကို C:\wamp64  www  TS

ဖိုင်ကို Create tsconfig.json terminal ကို VS Code ကိုရိုက်ထည့်ခြင်းဖြင့်:

tsk --init

မှတ်ချက်ဖိုင်တစ်ခုကြောင့် “tsconfig.json” ဒါဟာဖန်တီးပါလိမ့်မည် “ကို C:\wamp64 www TS” (လက်ရှိ directory ကို).

ဖွင့်ပါ tsconfig.json နှင့် option ကို enable “sourceMap”: စစ်မှန်တဲ့, နှင့်ပြောင်းလဲမှုကိုကယ်တင်, ကောင်းစွာလာပြီ:

  "compilerOptions": {
    /* အခြေခံပညာ Options ကို */
    "target": "es5",                          /* ECMAScript ပစ်မှတ်ဗားရှင်း Specify: '' ES3 '' (ပျက်ကွက်), '' ES5 '', '' ES2015 '', '' ES2016 '', '' ES2017 '', သို့မဟုတ် 'ESNEXT' '. */
    "module": "commonjs",                     /* မော်ကျူးကုဒ်မျိုးဆက် Specify: '' commonjs '', '' AMD '', '' စနစ်က '', '' Umd '', '' Es2015 '', သို့မဟုတ် 'ESNext' '. */
    // "lib": [],                             /* အဆိုပါစုစည်းတွင်ထည့်သွင်းခံရဖို့စာကြည့်တိုက်ဖိုင်တွေ Specify:  */
    // "allowJs": စစ်မှန်တဲ့,                       /* javascript ဖိုင်များကိုပြုစုခံရဖို့ Allow. */
    // "checkJs": စစ်မှန်တဲ့,                       /* .JS ဖိုင်တွေအတွက်အစီရင်ခံစာအမှားများ. */
    // "jsx": "preserve",                     /* JSX ကုဒ်မျိုးဆက် Specify: '' ကိုထိန်းသိမ်း '', '' ဘယ်လိုတုံ့ပြန်-ဇာတိ '', သို့မဟုတ် 'တုံ့ပြန်' '. */
    // "declaration": စစ်မှန်တဲ့,                   /* '' .d.ts '' file ကိုသက်ဆိုင်ရာထုတ်ပေး. */
    "sourceMap": စစ်မှန်တဲ့,                     /* သက်ဆိုင်ရာ '' .map '' file ကိုထုတ်ပေး. */
    // "outFile": "./",                       /* တစ်ခုတည်းသောဖိုင် Concatenate နှင့်ထုတ်လွှတ်အထွက်. */
    // "outDir": "./",                        /* directory ကိုမှ redirect output ကိုဖွဲ့စည်းပုံမှာ. */
    // "rootDir": "./",                       /* input ကိုဖိုင်တွေရဲ့အမြစ် directory ကို Specify. --outDir အတူ output ကို directory ကိုဖွဲ့စည်းပုံကိုထိန်းချုပ်အသုံးပြုခြင်း. */
    ... ဆက်ပြီး ...

မကြာမီ, အခုဆိုရင်သင်ရုံ terminal ကို VS Code ကိုသွားရနှင့် command ကိုရိုက်ထည့်:

tsk -w

ဒီ command စောင့်ကြည့်နေသည် (သို့မဟုတ်စောင့်ကြည့်, ထိုကွောငျ့ “w” က de လက်ပတ်နာရီ) လျှောက်လွှာနှင့်ဖိုင်များအတွက်မည်သည့်အပြောင်းအလဲများ .TS, လာသောအခါ Saved, ချက်ချင်းစုစည်းလိမ့်မည် .JS.

ဒါပဲ!

စုစုပေါင်း access: 10612

တစ်ဦးစာပြန်ရန် Leave

သင့်အီးမေးလ်လိပ်စာပုံနှိပ်ထုတ်ဝေမည်မဟုတ်ပါ. တောင်းဆိုနေတဲ့လယ်ယာနှင့်အတူမှတ်သားထားတဲ့ *