විෂුවල් ස්ටුඩියෝ සංග්රහයේ ස්වයංක්රීය සම්පාදනය කිරිමේ ඉතිරි typescript

මෙම ලිපියෙන් අපි ප්රශ්න දෙකක් විසඳීමට ඇත: 1) විධාන “tsc” එය කේතය VS ඒකාබද්ධ පර්යන්තය තුළ හඳුනාගෙන නොමැත, ඊ 2) ගොනුව ඉතිරි විට සම්පාදනය කිරිමේ ස්වයංක්රීයව වැඩ කරන්නේ නැහැ “.TS” (ටයිප් කේත රචනය).

හඳුන්වා දීම

යන්තම් contextualize කිරීමට, මෙම TypeScript එය ඔබ මුලදීම ව්යුහය භාවිතා කේතය ලියන්න කිරීමට ඉඩ දෙන අතර, මෙම කේතය පිරිසිදු JavaScript ලේඛනය සකස් කර ඇත. මම මේ ගැන විෂුවල් ස්ටුඩියෝ සංග්රහයේ එය Microsoft සමාගම විසින් නිර්මාණය කරන ලද හරස් වේදිකා කේතය සංස්කාරකයෙක්.

// මෙම තැපැල් භාවිතා අනුවාදයන්:
- විෂුවල් ස්ටුඩියෝ (VS) කේතය: අනුවාදය 1.14.1
- Typescript: අනුවාදය 2.4.1

මෙය පහසු තොරතුරක් වේ, ඔබ දන්නවා නම්, නැහැ ඔයා කරන දේ නොව ඔබ ගැටලු ඇති විය හැක: මගේ නඩුව :D

Node.js සහ typescript ස්ථාපනය

ස්ථාපනය කිරීමට එක් ක්රමයක් Node.js ඇසුරුම් කළමනාකරු හරහා typescript වේ (asl – Node එකක් මතම ඊට අදාල ඇසුරුම් කළමනාකරු), වඩා යොදා-මෙන්න සඳහා, පළමු අවශ්යතාව ඔබ ස්ථාපනය Node.js.

මංසල ස්ථාපනයෙන් පසු, විවෘත හෝ පර්යන්තය (විධානය) හා පහත සඳහන් විධානය ක්රියාත්මක කරන්න instalar TypeScript o:

ස්ථාපනය npm -උ typescript

වින්ඩෝස් පර්යන්තය වුවද (හෝ ලිනක්ස්), මෙම ස්ථාපිත අනුවාදයක් පරීක්ෂා මෙම typescript ක ටෙස්ට් ලකුණු කරන්න. විධානය “tsc” එය typescript Compiler සඳහා CRUD වේ.

tsc -v

ප්රශ්නය

ප්රශ්නය විධානය බව ය “tsc” එය වින්ඩෝස් පර්යන්තය තුළ සාමාන්යයෙන් ක්රියාත්මක, නමුත් විෂුවල් ස්ටුඩියෝ සංග්රහයේ ම එන ඒකාබද්ධ පර්යන්තය තුළ (VS කේතය), පහත දැක්වෙන දෝෂය ප්රදර්ශනය:

'Tut' හඳුනාගෙන නොමැත පරිදි අභ්යන්තර හෝ බාහිර විධාන,සථාවනය කළ වැඩසටහනක් හෝ කණ්ඩායම ගොනුව.

එපමනක් නොව, මම මෙම විධානය ක්රියාත්මක කිරීමට අවශ්ය වුණේ නැහැ “tsc” මම ගොනු සම්පාදනය කිරීමට අවශ්ය වන සෑම අවස්ථාවකදීම සඳහා “.TS” (දීර්ඝ typescript සඳහා). පසුව, සෑම විටම ලෙස ස්වයංක්රීය සම්පාදනය කිරිමේ ඉතිරි කරන්න (CTRL + S)? මෙම අපට දැක ගත වන්නේ.

වෙනත් දෝෂ

මෙම ගැටලු නිරාකරණ, තැපැල් භාවිතය මෙසේ සොයා compileOnSave, නමුත් මෙම පමණක් විෂුවල් ස්ටුඩියෝ විසින් ආධාර කරනු ලබයි 2015 com TypeScript> = 1.8.4 ඊ පරමාණුවක්-typescript ප්ලගිනය. වෙනත් වචන වලින් කිවහොත්, කිසිදු යහපත් ලෙස උපයෝගී compileOnSave නැත “tsconfig.json” විෂුවල් ස්ටුඩියෝ සංග්රහයේ කරන්න, කැමැත්ත නො වැඩ පහත කේතය:

{
   "compileOnSave": සැබෑ,
   "compilerOptions": {
       "noImplicitAny" : සැබෑ
   }
}

විසඳුමක්

integrado VS සංග්රහයේ කරන්න කිසිම පර්යන්තය TSC

ඇති ප්රශ්නය පළමු අපට විසඳා tsc දෘශ්ය ශබ්දාගාර සංග්රහයේ ඒකාබද්ධ පර්යන්තය තුළ පිළිගැනීමට පාත්ර නොවනු (VS කේතය).

සමහර තැපැල් ඔවුන් PATH පරිසර විචල්ය තුල tsk හෝ npm මාවත දමා වාර්තා යෝජනා, නමුත් මේ විසඳීමට පහසු ක්රමයක් කරන්නේ ස්ථාපනය “විෂුවල් ස්ටුඩියෝ සඳහා TypeScript, වන ද VS සංග්රහයේ සඳහා අනුකූල වේ.

දැන් ඔව්, ස්ථාපනයට පසුව, දෘශ්ය ශබ්දාගාර සංග්රහයේ මෙහෙයුම මණ්ඩලයක් විවෘත, teclando:

// දෘශ්ය ශබ්දාගාර සංග්රහයේ ඒකාබද්ධ පර්යන්තය සඳහා කෙටිමං යතුර:
CTRL+''
// හෝ විෂුවල් ස්ටුඩියෝ සංග්රහයේ පර්යන්තය විවෘත කිරීමට මෙනු භාවිතා:
දැක්ම > ඒකාබද්ධ පර්යන්තය

මෙම පරීක්ෂා කිරීමට උත්සාහ කරන්න මෙම typescript අනුවාදය සංයුක්ත පර්යන්තය VS සංග්රහයේ යොමු (වින්ඩෝස් පර්යන්තය තුළ නැත), හා බොහෝ විට කටයුතු කරනු ඇත:

tsc -v

ස්වයංක්රීය සම්පාදනය කිරිමේ ගොනු සුරැකීමේදී .TS

පර්යන්තය VS සංග්රහයේ ඔබේ තිර රචනය නාමාවලියේ තත්ත්වය වන්නේ (.TS), උදාහරණයක් ලෙස:

cd C:\wamp64  www  TS

ගොනුව නිර්මාණය tsconfig.json පර්යන්තය VS සංග්රහයේ ටයිප් කිරීම මගින්:

tsc --init

සටහන ගොනු බව “tsconfig.json” එය නිර්මාණය කරනු ඇත “සී:\wamp64 www TS” (වත්මන් බහාළුම).

විවෘත tsconfig.json හා එම විකල්පය සක්රීය “sourceMap”: සැබෑ, සහ වෙනස් කිරීම සුරැකිය, හොඳ විය:

  "compilerOptions": {
    /* මූලික විකල්ප */
    "target": "es5",                          /* නියම සම්මතයන් ඉලක්කය අනුවාදය: '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": "./",                       /* තනි ගොනු කිරීමට Concatenate හා විමෝචනය ප්රතිදානය. */
    // "outDir": "./",                        /* මෙම නාමාවලිය යළි-යොමුවීම් ප්රතිදානය ව්යුහය. */
    // "rootDir": "./",                       /* ආදාන ගොනු root බහලුම නියම කරන්න. --outDir සමග ප්රතිදාන ඩිරෙක්ටරිය ව්යුහය පාලනය කිරීමට භාවිතා. */
    ... දිගටම ...

ඉක්මනින්, දැන් ඔබ පමණක් පර්යන්තය VS සංග්රහයේ ගොස් විධානය:

tsc -w

මෙම විධානය නිරීක්ෂනය (හෝ බලා, ඒ නිසා “w” සෝදිසියෙන්) අයදුම්පත් සහ ගොනු යම් වෙනස්කම් .TS, මම ඉතිරි, වහාම සම්පාදනය කිරිමේ ඇත .JS.

ඒක තමයි!

මුළු ප්රවේශය: 9306

ඔබමයි

ඔබේ ඊ-මේල් ලිපිනය පළ කරනු නොලැබේ. අවශ්ය ක්ෂේත්ර සමග සලකුණු වේ *