ອັດຕະໂນມັດຂອງເອກສານການລວບລວມການປະຫຍັດໃນ Visual Studio ລະຫັດ

ໃນບົດຄວາມນີ້ພວກເຮົາຈະພ້ອມກັນແກ້ໄຂບັນຫາສອງ: 1) ຄໍາສັ່ງ “tsc” ມັນບໍ່ໄດ້ຖືກຮັບຮູ້ໃນ terminal ປະຫັດ VS, e 2) ການລວບລວມບໍ່ໄດ້ເຮັດວຽກອັດຕະໂນມັດໃນເວລາທີ່ບັນທຶກເອກະສານ “.ts” (ພິມ Script).

ການນໍາສະເຫນີ

ພຽງແຕ່ເພື່ອ contextualize, ໄດ້ ເອກສານ ມັນອະນຸຍາດໃຫ້ທ່ານທີ່ຈະຂຽນລະຫັດການນໍາໃຊ້ໂຄງປະກອບການພິມຢ່າງຫຼວງຫຼາຍແລະມີລະຫັດນີ້ທີ່ຖືກລວບລວມເພື່ອ JavaScript ບໍລິສຸດ. ແລ້ວ Visual Studio ລະຫັດ ມັນເປັນບັນນາທິການລະຫັດລະຫວ່າງເວທີທີ່ສ້າງຂຶ້ນໂດຍ Microsoft.

// ສະບັບນໍາໃຊ້ໃນ Post ນີ້:
- Visual Studio (VS) ລະຫັດ: ສະບັບພາສາ 1.14.1
- ເອກສານ: ສະບັບພາສາ 2.4.1

ນີ້ແມ່ນເຄັດລັບງ່າຍ, ແຕ່ທ່ານອາດຈະມີບັນຫາຖ້າຫາກວ່າທ່ານບໍ່ຮູ້ຈັກສິ່ງທີ່ທ່ານກໍາລັງດໍາເນີນການ: ກໍລະນີຂອງຂ້າພະເຈົ້າ :D

Node.js ແລະການຕິດຕັ້ງຂອງເອກສານ

ວິທີການຫນຶ່ງໃນການຕິດຕັ້ງເປັນເອກສານໂດຍຜ່ານການຈັດການຊຸດ Node.js (ກິໂລກຼາມ – ຜູ້ຈັດການຊຸດ Node), ແຕ່ການນໍາໃຊ້ມັນ, ທ່ານຈໍາເປັນຕ້ອງທໍາອິດ ການຕິດຕັ້ງຫຼື Node.js.

ຫຼັງຈາກການຕິດຕັ້ງ Node ໄດ້, ເປີດຫຼື terminal (ຄໍາສັ່ງ) ແລະດໍາເນີນການຄໍາສັ່ງຕໍ່ໄປນີ້ເພື່ອ ຕິດຕັ້ງຫລືເອກສານ:

ກິໂລກຼາມຕິດຕັ້ງ -g ຂອງເອກສານ

ເຖິງແມ່ນວ່າ Windows Terminal (ຫຼື Linux), ເຮັດໃຫ້ການດໍາເນີນງານການທົດສອບຂອງເອກສານການກວດສອບສະບັບຕິດຕັ້ງ. ຄໍາສັ່ງ O “tsc” ມັນແມ່ນ acronym ສໍາລັບ Compiler ຂອງເອກສານ.

tsc -v

ບັນຫາ

ບັນຫາແມ່ນວ່າຄໍາສັ່ງຂອງ “tsc” ມັນເຮັດຫນ້າທີ່ຕາມປົກກະຕິໃນ Windows Terminal, ແຕ່ບໍ່ໄດ້ຢູ່ໃນ terminal ປະມາໃນ Visual Studio ລະຫັດຕົວຂອງມັນເອງ (ລະຫັດ VS), ສະແດງຄວາມຜິດພາດດັ່ງຕໍ່ໄປນີ້:

'tsc' ບໍ່ໄດ້ຮັບການຍອມຮັບ ເປັນ ເປັນຄໍາສັ່ງພາຍໃນຫລືພາຍນອກ,ໂຄງການບັດຫຼື batch ເອກະສານ.

ຍິ່ງໄປກວ່ານັ້ນ, ຂ້າພະເຈົ້າບໍ່ຕ້ອງການທີ່ຈະດໍາເນີນການຄໍາສັ່ງ “tsc” ສໍາລັບທີ່ໃຊ້ເວລາຂ້າພະເຈົ້າຕ້ອງການທີ່ຈະສັງລວມເອກະສານເປັນ “.ts” (ການສົ່ງເສີມຂອງເອກສານ). ຫຼັງຈາກນັ້ນ, ເປັນສະເຫມີເຮັດໃຫ້ການປະຫຍັດການລວບລວມອັດຕະໂນມັດ (CTRL + S)? ນີ້ແມ່ນສິ່ງທີ່ພວກເຮົາຈະເບິ່ງ.

ຄວາມຜິດພາດອື່ນໆ

ການເຂົ້າປະທະບັນຫາເຫລົ່ານີ້, ກະທູ້ຂ້າພະເຈົ້າພົບເຫັນວ່າການນໍາໃຊ້ compileOnSave, ແຕ່ນີ້ແມ່ນສະຫນັບສະຫນຸນໂດຍ Visual Studio ພຽງແຕ່ 2015 com ຂອງເອກສານ> = 1.8.4 e plugin ປະລໍາມະນູ, ເອກສານ. ໃນຄໍາສັບຕ່າງໆອື່ນໆ, ບໍ່ມີການນໍາໃຊ້ທີ່ດີ compileOnSave ບໍ່ມີ “tsconfig.json” ເຮັດ Visual Studio ລະຫັດ, ລະຫັດຂ້າງລຸ່ມນີ້ຈະບໍ່ເຮັດວຽກ:

{
   "compileOnSave": ທີ່ແທ້ຈິງ,
   "compilerOptions": {
       "noImplicitAny" : ທີ່ແທ້ຈິງ
   }
}

ການແກ້ໄຂ

TSC ໃນປະ Terminal VS ລະຫັດ

ຫນ້າທໍາອິດທີ່ພວກເຮົາແກ້ໄຂບັນຫາຂອງ tsc ບໍ່ໄດ້ຮັບການຍອມຮັບໃນ terminal ປະຂອງ Visual Studio ລະຫັດ (ລະຫັດ VS).

ບາງ ກະທູ້ ພວກເຂົາເຈົ້າໄດ້ແນະນໍາການວາງເສັ້ນທາງຂອງ TSK ຫຼື NPM ໃນຕົວປ່ຽນແປງສະພາບແວດລ້ອມເສັ້ນທາງ, ແຕ່ວິທີທີ່ງ່າຍທີ່ຈະແກ້ໄຂນີ້ໄດ້ດໍາເນີນການ ການຕິດຕັ້ງ “ເອກສານສໍາຫລັບ Visual Studio, ຊຶ່ງເປັນທີ່ເຫມາະສົມສໍາລັບການລະຫັດ VS ຍັງ.

ໃນປັດຈຸບັນແມ່ນ, ຫຼັງຈາກການຕິດຕັ້ງ, Abra o terminal Integrado ເຮັດ Visual Studio ລະຫັດ, Teclando:

// ທີ່ສໍາຄັນທາງລັດສໍາລັບ terminal ປະຂອງ Visual Studio ລະຫັດ:
CTRL+`
// ການນໍາໃຊ້ Ou o Menu para abrir o terminal ບໍ່ Visual Studio ລະຫັດ:
ເບິ່ງ > Integrated Terminal

ພະຍາຍາມເພື່ອກວດກາເບິ່ງ ສະບັບພາສາຂອງເອກສານທີ່ ບັນດາທິດທາງຢູ່ປາຍຍອດລວມ VS ລະຫັດ (ບໍ່ໄດ້ຢູ່ໃນ Windows Terminal), ແລະອາດຈະໄດ້ຮັບການເຮັດວຽກ:

tsc -v

ການລວບລວມອັດຕະໂນມັດໃນເວລາທີ່ບັນທຶກໄຟລ໌ .ts

ໂດຍສະຖານີ VS ລະຫັດແມ່ນຕໍາແຫນ່ງໃນລະບົບ script ຂອງທ່ານ (.ts), ສໍາລັບການຍົກຕົວຢ່າງ:

cd C:\wamp64  www  ts

ສ້າງເອກະສານໄດ້ tsconfig.json digitando ບໍ່ terminal VS ລະຫັດ:

tsc --ໃນ​ມັນ

ໃຫ້ສັງເກດວ່າໄຟລ໌ “tsconfig.json” ມັນຈະໄດ້ຮັບການສ້າງຕັ້ງຂື້ນໃນ “C:\wamp64 www ts” (ລະບົບປະຈຸບັນ).

ເປີດຫຼື tsconfig.json ແລະເຮັດໃຫ້ທາງເລືອກທີ່ “sourceMap”: ທີ່ແທ້ຈິງ, ແລະປະຫຍັດການປ່ຽນແປງ, ໄດ້ຮັບດີ:

  "compilerOptions": {
    /* ຕົວເລືອກຕ່າງໆໃນຂັ້ນພື້ນຖານ */
    "target": "es5",                          /* ລະບຸສະບັບພາສາເປົ້າຫມາຍ ECMAScript: 'SS3' (ໃນຕອນຕົ້ນ), 'SS5', 'ES2015', 'ES2016', 'ES2017', ຫຼື 'ESNEXT'. */
    "module": "commonjs",                     /* ລະບຸການສ້າງລະຫັດລະຫັດ: 'commonjs', 'amd', 'ລະບົບ', 'UMD', 'Es2015', ຫຼື 'ESNext'. */
    // "lib": [],                             /* ລະບຸໄຟຫ້ອງສະຫມຸດສາມາດລວມເຂົ້າໃນການລວບລວມໄດ້:  */
    // "allowJs": ທີ່ແທ້ຈິງ,                       /* ອະນຸຍາດໃຫ້ໄຟລ໌ Javascript ຫາກຕ້ອງການໄດ້ຮັບການລວບລວມ. */
    // "checkJs": ທີ່ແທ້ຈິງ,                       /* ຄວາມຜິດພາດບົດລາຍງານໃນໄຟລ໌ .js. */
    // "jsx": "preserve",                     /* ລະບຸການສ້າງລະຫັດ JSX: ຮູ້ຈັກສະຫງວນ, 'react ແມ່ນ native', ຫຼື 'react'. */
    // "declaration": ທີ່ແທ້ຈິງ,                   /* ສ້າງທີ່ສອດຄ້ອງກັນໄຟ '.d.ts'. */
    "sourceMap": ທີ່ແທ້ຈິງ,                     /* ສ້າງທີ່ສອດຄ້ອງກັນ '.map' ເອກະສານ. */
    // "outFile": "./",                       /* concatenate ແລະ emit ສົ່ງອອກໄປຍັງເອກະສານດຽວ. */
    // "outDir": "./",                        /* ປ່ຽນເສັ້ນທາງໂຄງສ້າງການຜະລິດເພື່ອລະບົບ. */
    // "rootDir": "./",                       /* ລະບຸລະບົບຮາກຂອງແຟ້ມຂໍ້ມູນ. ນໍາໃຊ້ເພື່ອຄວບຄຸມໂຄງສ້າງລະບົບການຜະລິດທີ່ມີ --outDir. */
    ... ຍັງຈະສືບຕໍ່ ...

ທັນທີ, ໃນປັດຈຸບັນທ່ານພຽງແຕ່ໄປໃນ terminal VS ລະຫັດແລະພິມຄໍາສັ່ງ:

tsc -w

ຄໍາສັ່ງນີ້ແມ່ນການຕິດຕາມ (ຫຼືເບິ່ງ, ເພາະສະນັ້ນຈຶ່ງ “w” ເບິ່ງ de) ຄໍາຮ້ອງສະຫມັກແລະການປ່ຽນແປງໃດໆໃນໄຟລ໌ .ts, ໃນເວລາທີ່ຂ້າພະເຈົ້າບັນທຶກ, ຈະໄດ້ລວບລວມທັນທີທັນໃດ .js.

ດັ່ງນັ້ນ, ມັນ!

ຈໍານວນທັງຫມົດ: 1117

ອອກຈາກ Reply ເປັນ

ທີ່ຢູ່ອີເມວຂອງທ່ານຈະບໍ່ໄດ້ຮັບການຈັດພີມມາ. ທົ່ງນາທີ່ກໍານົດໄວ້ແມ່ນຫມາຍດ້ວຍ *