ቪዥዋል ስቱዲዮ ኮድ ውስጥ ሰር ማጠናቀር ቁጠባ በታይፕ

በዚህ ልጥፍ ውስጥ ሁለት ችግሮች መፍትሔ ይሆናል: 1) ትእዛዝ “tsc” ይህ የተቀናጀ ተርሚናል በእኛ ኮድ ውስጥ አይታወቅም, ሠ 2) ፋይል በማስቀመጥ ጊዜ ማጠናቀር በራስ አይሰራም “.TS” (ስክሪፕት ይፃፉ).

መግቢያ

ልክ contextualize ወደ, የ በታይፕ ይህም አንድ በጥብቅ የተተየበው መዋቅር በመጠቀም ኮድ መጻፍ እና ይህን ኮድ ንጹህ ጃቫስክሪፕት ወደ የተጣራ ሊሆን የሚፈቅድ. ስለ እኔ ቪዥዋል ስቱዲዮ ኮድ ይህ የ Microsoft የተፈጠረ ተሻጋሪ-መድረክ ኮድ አርታዒ ነው.

// በዚህ ልጥፍ ጥቅም ላይ የዋሉ አይነቴዎች:
- ቪዥዋል ስቱዲዮ (በእኛ) ኮድ: ትርጉም 1.14.1
- በታይፕ: ትርጉም 2.4.1

ይህ ቀላል ጠቃሚ ምክር ነው, አንተ ምን እየሰሩ አናውቅም ከሆነ ግን ችግር ሊኖረው ይችላል: የእኔን ጉዳይ :D

Node.js እና በታይፕ ጭነት

ለመጫን አንዱ መንገድ Node.js ጥቅል አስተዳዳሪ በኩል በታይፕ ነው (የአሜሪካን የምልክት – የአንጓ ጥቅል አስተዳዳሪ), ተጨማሪ በመጠቀም-እነሆ, መጀመሪያ ፍላጎት ጫን Node.js.

በመስቀለኛ ለመጫን በኋላ, ክፍት ወይም የተርሚናል (ትእዛዝ) እና የሚከተለውን ትእዛዝ አሂድ instalar o በታይፕ:

npm ጫን -ግ በታይፕ

የ Windows ተርሚናል ቢሆንም (ወይም ሊኑክስ), የተጫነው ስሪት በመፈተሸ ወደ በታይፕ መካከል ለመሮጥ ሙከራ ማድረግ. የ ትእዛዝ “tsc” ይህ በታይፕ አቀናባሪ አንድ ምህጻረ ቃል ነው.

tsc -v

ችግር

ችግሩ ትእዛዝ ነው “tsc” ይህ በ Windows ተርሚናል ውስጥ በተለምዶ ያገለግል, ነገር ግን የተዋሃዱ ተርሚናል ቪዥዋል ስቱዲዮ ኮድ በራሱ የሚመጣው አይደለም ውስጥ (በእኛ ኮድ), የሚከተሉትን ስህተት በማሳየት ላይ:

'Tut' አይታወቅም እንደ ውስጣዊ ወይም ውጫዊ ትእዛዝ,operable ፕሮግራም ወይም የምድብ ፋይል.

ከዚህም በላይ, እኔ ትእዛዝ መሮጥ አልፈለገም “tsc” በእያንዳንዱ ጊዜ አንድ ፋይል ለማጠናቀር ፈለገ “.TS” (በታይፕ ለ ቅጥያ). እንግዲህ, እንደ ሁልጊዜ ሰር ማጠናቀር ቁጠባ ማድረግ (CTRL + S)? ይህ እኛ ያያሉ ነገር ነው.

ሌሎች ስህተቶች

እነዚህን ችግሮች ወረወሩ;, ልጥፎች መጠቀም እያሉ አልተገኙም compileOnSave, ነገር ግን ይህ ብቻ ቪዥዋል ስቱዲዮ የተደገፈ ነው 2015 ኮም በታይፕ> = 1.8.4 ሠ አቶም-በታይፕ ተሰኪ. በሌላ አባባል ውስጥ, ምንም ጥሩ አጠቃቀም compileOnSave አይ “tsconfig.json” ቪዥዋል ስቱዲዮ ኮድ ማድረግ, ፈቃድ እንጂ ሥራ ከታች ያለውን ኮድ:

{
   "compileOnSave": እውነተኛ,
   "compilerOptions": {
       "noImplicitAny" : እውነተኛ
   }
}

መፍትሔ

TSC በእኛ ኮድ ማድረግ integrado ምንም ተርሚናል

በመጀመሪያ እኛ ያለውን ችግር ለመፍታት tsc በ ቪዥዋል ስቱዲዮ ኮድ መካከል የተቀናጀ ተርሚናል ውስጥ ሊታወቅ አይችልም (በእኛ ኮድ).

አንዳንድ ልጥፎች እነዚህ መንገድ አካባቢ ተለዋዋጭ ውስጥ tsk ወይም npm መንገድ በማስቀደም እንመክራለን, ነገር ግን ይህን ለመፍታት የሚያስችል ቀላል መንገድ ሲያደርግ ነበር እንዲጫኑ “የዕይታ ስቱዲዮ ለ በታይፕ, በተጨማሪም በእኛ ኮድ ተኳሃኝ ነው.

አሁን አዎ, ጭነት በኋላ, በ ቪዥዋል ስቱዲዮ ኮድ አሠራር ፓነል ለመክፈት, teclando:

// በ ቪዥዋል ስቱዲዮ ኮድ ያለውን የተቀናጀ ተርሚናል አቋራጭ ቁልፍ:
CTRL+`
// ወይም ቪዥዋል ስቱዲዮ ኮድ ውስጥ ተርሚናል ለመክፈት ምናሌ ይጠቀሙ:
ዕይታ > የተዋሃደ ተርሚናል

ወደ ለመመልከት ሞክር ወደ በታይፕ ስሪት የተቀናጀ ተርሚናል በእኛ ኮድ ቀጥተኛ (አይደለም Windows ተርሚናል ውስጥ), እና ምናልባትም እየሰራ ይሆናል:

tsc -v

አንድ ፋይል በማስቀመጥ ጊዜ ሰር ማጠናቀር .TS

ተርሚናል በ በእኛ ኮድ በእርስዎ ስክሪፕት ማውጫ ውስጥ ቦታ ነው (.TS), ለምሳሌ:

ሲዲ ሲ:\wamp64  www  TS

ፋይል ይፍጠሩ tsconfig.json የተርሚናል በእኛ ኮድ በመተየብ:

tsc --በ ዉስጥ

አንድ ፋይል መሆኑን ልብ ይበሉ “tsconfig.json” ይህም ውስጥ የተፈጠሩ ይሆናል “ሴ:\wamp64 www TS” (የአሁኑ ማውጫ).

ክፈት በ tsconfig.json እና አማራጭ ማንቃት “sourceMap”: እውነተኛ, እና ለውጥ ማስቀመጥ, በመሆኑም መሆን:

  "compilerOptions": {
    /* መሰረታዊ አማራጮች */
    "target": "es5",                          /* ECMAScript ዒላማው ስሪቱን ይግለጹ: 'ES3' (ነባሪ), 'ES5', 'ES2015', "ES2016", 'ES2017', ወይም 'ESNEXT'. */
    "module": "commonjs",                     /* ሞጁል ኮድ ትውልድ ይግለጹ: 'Commonjs', 'የ NCUA', 'ሥርዓት', 'Umd', 'Es2015', ወይም 'ESNext'. */
    // "lib": [],                             /* መጽሐፍት ፋይሎች ይጥቀሱ ወደ ማጠናቀር ውስጥ እንዲካተት:  */
    // "allowJs": እውነተኛ,                       /* ጃቫስክሪፕት ፋይሎች እንዲቀናበር ፍቀድ. */
    // "checkJs": እውነተኛ,                       /* .js ፋይሎች ውስጥ ሪፖርት ስህተቶች. */
    // "jsx": "preserve",                     /* JSX ኮድ ትውልድ ይግለጹ: 'ለመጠበቅ', 'ምላሽ-ተወላጅ', ወይም 'ምላሽ'. */
    // "declaration": እውነተኛ,                   /* ተጓዳኝ '.d.ts' ፋይል ያመነጫል. */
    "sourceMap": እውነተኛ,                     /* ተጓዳኝ '.map' ፋይል ያመነጫል. */
    // "outFile": "./",                       /* Concatenate እና ነጠላ ፋይል ወደ ስለማያመነጭ ውፅዓት. */
    // "outDir": "./",                        /* ወደ ማውጫው ዳይሬክት ውፅዓት መዋቅር. */
    // "rootDir": "./",                       /* ግብዓት ፋይሎች ስርወ ማውጫ ይወስኑ. --outDir ጋር ውፅዓት ማውጫ መዋቅር ለመቆጣጠር ይጠቀሙ. */
    ... ይቀጥላል ...

በቅርቡ, አሁን ብቻ ተርሚናል በእኛ ኮድ ውስጥ ለመሄድ እና ትእዛዝ ይተይቡ:

tsc -

ይህ ትእዛዝ መከታተል ነው (ወይም እየተመለከቱ, ስለዚህ “ወ” ነቅታችሁ) ማመልከቻውን እና ፋይሎች ውስጥ ማናቸውም ለውጦች .TS, እኔ ሲያስቀምጡ, ወዲያውኑ ማጠናቀር ያደርጋል .JS.

በቃ!

ጠቅላላ የመጠቀሚያ ጊዜ: 9306

አንድ መልስ ውጣ

የእርስዎ ኢሜይል አድራሻ ሊታተም አይችልም. የሚያስፈልጉ መስኮች ጋር ምልክት ነው *