خودڪار جوڙڻ جي بچت ڏسڻ اسٽوڊيو ڪوڊ ۾ typescript

هن تحرير ۾ اسان کي ٻه مسئلا حل ڪندو: 1) حڪم “tsc” اهو ڪوڊ مدرسه جي جڙيل ٽرمينل ۾ تسليم نه آهي, اي 2) جڏهن فائيل بچت جوڙڻ جي خودڪار طريقي سان ڪم نه ڪندو “.ts” (ٽائيپ اسڪرپٽ).

تعارف

بس contextualize لاء, جي TypeScript اهو توهان کي هڪ تکو پتي جي جوڙجڪ جو استعمال ڪوڊ لکڻ جي اجازت ڏئي ٿو ۽ هن ڪوڊ خالص JavaScript کي مرتب ڪيو آهي. اڳ ۾ ئي ڏسڻ اسٽوڊيو ڪوڊ اهو هڪ صليب-پليٽ فارم ڪوڊ Microsoft جي طرفان پيدا ايڊيٽر آهي.

// هن تحرير ۾ استعمال ڪيو ورجن:
- ڏسڻ اسٽوڊيو (مدرسه) ڪوڊ: نسخو 1.14.1
- Typescript: نسخو 2.4.1

هي هڪ آسان ترڪيب آهي, پر توهان کي ڪو مسئلو هجي ته توهان ڇا ڪري رهيا آهيو نه ڄاڻندا آھن: منهنجي حال :د

Node.js ۽ typescript انسٽاليشن

هڪ طرح انسٽال ڪرڻ Node.js پئڪيج مينيجر جي ذريعي typescript آهي (asl – Node پئڪيج مينيجر), پر ان کي استعمال ڪرڻ, توهان جي پهرين ضرورت آهي انسٽال Node.js.

جي Node انسٽال ٿيڻ کان پوء, کليل ٽرمينل (حڪم) ۽ ڪرڻ لاء هيٺ ڏنل حڪم هلائي typescript انسٽال:

npm انسٽال -ز typescript

جيتوڻيڪ کي Windows ٽرمينل (يا وري لينڪس), جي typescript جي نصب ورشن چيڪ ڪرڻ جي هڪ امتحان هلائڻ ڪر. هن حڪم “tsc” اهو typescript Compiler لاء هڪ مخفف آهي.

tsc -هلي

مسئلو

مسئلو اهو آهي جو حڪم آهي “tsc” اهو ونڊوز ٽرمينل ۾ عام طور تي functioned, پر جڙيل ٽرمينل ڏسڻ اسٽوڊيو ڪوڊ پاڻ ۾ اچڻ ۾ نه (ڪوڊ مدرسه), هيٺين غلطي نمائش:

'tsc' تسليم نه آهي جيئن هڪ اندروني يا بيروني حڪم,operable پروگرام يا تشخصي فائيل.

ٺاهڻو, مون کي حڪم هلائڻ لاء نه چاهيو ڪيو “tsc” هر وقت مون کي هڪ فائيل کي گڏ ڪرڻ جو خواهشمند لاء “.ts” (typescript لاء واڌ). پوء, هميشه جيئن بچت خودڪار جوڙڻ جي ڪر (تان Ctrl + آيس)? هيء آهي اسان کي ڇا ڏسندا.

ٻين غلطيون

اهي مسئلا Tackling, مون کي استعمال ڪرڻ جي چوڻ مليا جون تحريرون compileOnSave, پر هن فقط ڏسڻ جي اسٽوڊيو جي حمايت آهي 2015 جيئن> = typescript 1.8.4 اي جوهر-typescript پلگ ان. ٻين لفظن ۾, ڪو به سٺو استعمال compileOnSave نه “tsconfig.json” ائين ڏسڻ اسٽوڊيو ڪوڊ, هيٺ ڏنل ڪوڊ ڪم نه ڪندو:

{
   "compileOnSave": سچ,
   "compilerOptions": {
       "noImplicitAny" : سچ
   }
}

حل

جي مربوط ٽرمينل مدرسه ڪوڊ ۾ TSC

پهريون ڀيرو اسان جو مسئلو حل tsc جي ڏسڻ جي اسٽوڊيو ڪوڊ جي جڙيل ٽرمينل ۾ تسليم نه ڪيو ويندو (ڪوڊ مدرسه).

ڪي جون تحريرون انهن جي واٽ ماحول variable ۾ tsk يا npm جي واٽ اسي صلاح, پر هن کي حل ڪرڻ جو آسان رستو ڪندي هئي جي انسٽاليشن “ڏسڻ اسٽوڊيو لاء TypeScript, جنهن به مدرسه ڪوڊ لاء هم آهنگ آهي.

هاڻي ها, انسٽاليشن کان پوء, جي ڏسڻ جي اسٽوڊيو ڪوڊ جي آپريشن پينل کوليو, ٽائيپنگ:

// جي ڏسڻ جي اسٽوڊيو ڪوڊ جي جڙيل ٽرمينل لاء ٺهيل ٺڪيل ۽ اهم:
تان Ctrl+`
// يا ڏسڻ جي اسٽوڊيو ڪوڊ ۾ جهرڪ کولڻ جي نامو استعمال:
ڏسو > جڙيل ٽرمينل

جي چيڪ ڪرڻ جي ڪوشش ڪئي جي typescript جو نسخو ڪوڊ مدرسه جي جڙيل ٽرمينل هدايت (ونڊوز ٽرمينل ۾ نه), ۽ شايد ڪم ڪيو ويندو:

tsc -هلي

خودڪار جوڙڻ جڏهن هڪ فائيل محفوظ .ts

جهرڪ جي طرفان مدرسه ڪوڊ پنهنجو رسم الخط ڊاريڪٽري ۾ حيثيت آهي (.ts), مثال جي طور تي:

ڊي سي:\wamp64  خا صخيلي  ts

فائل ٺاهي tsconfig.json ڪوڊ مدرسه جهرڪ ۾ ٽائپ ڪري:

tsc --ان ۾

نوٽ ڪريو ته هڪ فائيل “tsconfig.json” اهو ۾ پيدا ڪيو ويندو “سي:\wamp64 خا صخيلي ts” (موجوده ڊاريڪٽري).

کليل tsconfig.json ۽ اختيار فعال “sourceMap”: سچ, ۽ تبديلي محفوظ, اهڙيء طرح پئي:

  "compilerOptions": {
    /* بنيادي اختيار */
    "target": "es5",                          /* ECMAScript ٽارگيٽ نسخو ڄاڻائي: 'ES3' (ھونئن), 'ES5', 'ES2015', 'ES2016', 'ES2017', يا 'ESNEXT'. */
    "module": "commonjs",                     /* ڄاڻائي module ڪوڊ نسل: 'commonjs', 'amd', 'نظام', 'umd', 'es2015', يا 'ESNext'. */
    // "lib": [],                             /* اين فائلون ڄاڻائي جي جوڙڻ ۾ شامل ٿيڻ لاء:  */
    // "allowJs": سچ,                       /* javascript فائلون مرتب ڪري سگهجي ڪرڻ جي اجازت. */
    // "checkJs": سچ,                       /* .js فائلون ۾ رپورٽ غلطيون. */
    // "jsx": "preserve",                     /* ڄاڻائي JSX ڪوڊ نسل: 'محفوظ', 'پڇن.ذاتي-ڏيهي', يا 'پڇن.ذاتي'. */
    // "declaration": سچ,                   /* ٺاھي لاڳاپيل '.d.ts' فائيل. */
    "sourceMap": سچ,                     /* ٺاھي لاڳاپيل '.map' فائيل. */
    // "outFile": "./",                       /* ھڪ فائيل کي Concatenate ۽ اوٽ وجھندا. */
    // "outDir": "./",                        /* هن ڊاريڪٽري تائين اوٽ جوڙجڪ ڌيان. */
    // "rootDir": "./",                       /* پٽ فائلون جي روٽ ڊاريڪٽري سوڌو ڄاڻائي. --outDir سان اوٽ ڊاريڪٽري جوڙجڪ ڪنٽرول ڪرڻ لاء استعمال ڪندا. */
    ... جاري آهي ...

جلد, هاڻي توهان صرف ڪوڊ مدرسه جهرڪ ۾ وڃو ۽ حڪم قسم:

tsc -اوله

اهو حڪم ملندي آهي (يا ڏسي, تنهن ڪري “اوله” هن واچ) اپليڪيشن ۽ فائلن ۾ ڪنهن به تبديليون .ts, جڏهن مون کي بچائي, ته فوري طور تي سمورو ٿيندو .js.

بس اهو آهي!

كل accesses: 1118

جواب ڇڏي وڃو

توهان جو اي ميل پتو شايع نه ڪيو ويندو. گهري شعبن سان لڳل آهن *