WebStorm ເປັນສະພາບແວດລ້ອມການພັດທະນາເວັບໄຊທ໌ (IDE) ໂດຍການຂຽນແລະດັດແກ້ລະຫັດ. ຊອບແວທີ່ດີເລີດສໍາລັບການສ້າງມືອາຊີບຂອງຄໍາຮ້ອງສະຫມັກເວັບໄຊທ໌ສໍາລັບເວັບໄຊທ ພາສາການຂຽນພາສາເຊັ່ນ JavaScript, HTML, CSS, TypeScript, Dart, ແລະອື່ນໆແມ່ນສະຫນັບສະຫນູນ. ມັນຕ້ອງໄດ້ເວົ້າວ່າໂຄງການນີ້ມີການສະຫນັບສະຫນູນຂອບເຂດຫຼາຍ, ເຊິ່ງສະດວກຕໍ່ນັກພັດທະນາມືອາຊີບ. ໂປລແກລມມີປາຍທາງໂດຍຜ່ານການປະຕິບັດທັງຫມົດໃນແຖວຄໍາສັ່ງມາດຕະຖານ Windows.
Workspace
ການອອກແບບໃນບັນນາທິການຖືກສ້າງຂຶ້ນໃນແບບທີ່ຫນ້າຮັກ, ສີທີ່ສາມາດປ່ຽນແປງໄດ້. ສະເຫນີຮູບແບບທີ່ຊ້ໍາແລະແສງສະຫວ່າງ. ການໂຕ້ຕອບຂອງພື້ນທີ່ເຮັດວຽກແມ່ນມີເມນູສະພາບການແລະແຜງດ້ານຊ້າຍ. ໃນຊອງທາງດ້ານຊ້າຍ, ໄຟລ໌ຂອງໂຄງການແມ່ນສະແດງ, ໃນທີ່ຜູ້ໃຊ້ສາມາດຊອກຫາວັດຖຸທີ່ລາວຕ້ອງການ.
ໃນຂະຫນາດໃຫຍ່ຂອງໂຄງການແມ່ນລະຫັດຂອງໄຟລ໌ເປີດ. Tabs ຖືກສະແດງຢູ່ແຖບເທິງ. ໂດຍທົ່ວໄປ, ການອອກແບບແມ່ນມີເຫດຜົນຫຼາຍ, ແລະດັ່ງນັ້ນບໍ່ມີເຄື່ອງມືອື່ນນອກຈາກພື້ນທີ່ບັນນາທິການຂອງມັນເອງແລະເນື້ອຫາຂອງວັດຖຸຂອງມັນຖືກສະແດງ.
Live edit
ຄຸນນະສົມບັດນີ້ຫມາຍເຖິງຜົນໄດ້ຮັບຂອງໂຄງການໃນຕົວທ່ອງເວັບ. ວິທີນີ້ທ່ານສາມາດແກ້ໄຂລະຫັດທີ່ມີເອກະສານ HTML, CSS ແລະ JavaScript. ເພື່ອສະແດງກິດຈະກໍາໂຄງການທັງຫມົດໃນປ່ອງຢ້ຽມຂອງຕົວທ່ອງເວັບ, ທ່ານຈໍາເປັນຕ້ອງຕິດຕັ້ງ plugin ພິເສດ - JetBrains IDE Support, ໂດຍສະເພາະສໍາລັບ Google Chrome. ໃນກໍລະນີນີ້, ການປ່ຽນແປງທັງຫມົດທີ່ເຮັດໄດ້ຈະຖືກສະແດງໂດຍບໍ່ມີການໂຫຼດຫນ້າໃຫມ່.
Debug Node.js
ຄໍາຮ້ອງສະຫມັກ Debugging Node.js ອະນຸຍາດໃຫ້ທ່ານເພື່ອ scan ລະຫັດຂຽນສໍາລັບຂໍ້ຜິດພາດ embedded ໃນ JavaScript ຫຼື TypeScript. ດັ່ງນັ້ນໂປລແກລມບໍ່ກວດສອບຂໍ້ຜິດພະລາດໃນລະຫັດໂຄງການທັງຫມົດທ່ານຕ້ອງໃສ່ຕົວຊີ້ພິເສດ - ຕົວແປ. ແຜງດ້ານລຸ່ມສະແດງແຖບໂທ, ເຊິ່ງປະກອບດ້ວຍການແຈ້ງເຕືອນທັງຫມົດກ່ຽວກັບການຢັ້ງຢືນລະຫັດແລະສິ່ງທີ່ຕ້ອງປ່ຽນແປງໃນມັນ.
ເມື່ອທ່ານເລື່ອນເຄີເຊີຫນູຜ່ານຂໍ້ຜິດພາດທີ່ກໍານົດໄວ້ແລ້ວ, ບັນນາທິການຈະສະແດງຄໍາອະທິບາຍສໍາລັບມັນ. ໃນບັນດາສິ່ງອື່ນໆ, ການນໍາໃຊ້ລະຫັດ, ການອັດຕະໂນມັດແລະການປັບປຸງໃຫມ່ແມ່ນໄດ້ຮັບການສະຫນັບສະຫນູນ. ຂໍ້ຄວາມທັງຫມົດສໍາລັບ Node.js ແມ່ນຖືກສະແດງຢູ່ໃນແຖບແຍກຂອງພື້ນທີ່ໂຄງການ.
ການສ້າງຫ້ອງສະຫມຸດ
ຫ້ອງສະຫມຸດເພີ່ມເຕີມແລະພື້ນຖານສາມາດເຊື່ອມຕໍ່ກັບ WebStorm. ໃນສະພາບແວດລ້ອມການພັດທະນາ, ຫຼັງຈາກການເລືອກໂຄງການ, ຫ້ອງສະຫມຸດຕົ້ນຕໍຈະຖືກຈັດໄວ້ໃນຕອນເລີ່ມຕົ້ນ, ແຕ່ຕ້ອງໄດ້ເຊື່ອມຕໍ່ດ້ວຍຕົນເອງ.
Help section
ແຖບນີ້ປະກອບດ້ວຍຂໍ້ມູນກ່ຽວກັບ IDE, ຄູ່ມືແລະອື່ນໆອີກ. ຜູ້ໃຊ້ສາມາດອອກຈາກການທົບທວນຄືນກ່ຽວກັບໂຄງການຫຼືສົ່ງຂໍ້ຄວາມກ່ຽວກັບການປັບປຸງບັນນາທິການ. ເພື່ອກວດສອບການປັບປຸງໃຫ້ໃຊ້ຫນ້າທີ່ "ກວດເບິ່ງການປັບປຸງ ... ".
ຊອບແວທີ່ສາມາດໄດ້ຮັບການຊື້ສໍາລັບຈໍານວນເງິນສະເພາະໃດຫນຶ່ງຫຼືນໍາໃຊ້ໄດ້ຟຣີສໍາລັບ 30 ມື້. ຂໍ້ມູນກ່ຽວກັບໄລຍະເວລາຂອງຮູບແບບການທົດລອງແມ່ນຍັງຢູ່ທີ່ນີ້. ໃນສ່ວນການຊ່ວຍເຫຼືອ, ທ່ານສາມາດເຂົ້າລະຫັດລົງທະບຽນຫຼືໄປຫາເວັບໄຊທ໌ສໍາລັບການຊື້ໂດຍໃຊ້ປຸ່ມທີ່ເຫມາະສົມ.
Code writing
ໃນເວລາທີ່ຂຽນຫຼືດັດແກ້ລະຫັດ, ທ່ານສາມາດໃຊ້ຫນ້າທີ່ອັດຕະໂນມັດ. ນີ້ຫມາຍຄວາມວ່າທ່ານບໍ່ຈໍາເປັນຕ້ອງຂຽນແທໍກຫຼືພາລາມິເຕີຫມົດ, ເນື່ອງຈາກໂປລແກລມຕົວມັນເອງຈະກໍານົດພາສາແລະການເຮັດວຽກໂດຍຕົວອັກສອນທໍາອິດ. ເນື່ອງຈາກວ່າບັນນາທິການອະນຸຍາດໃຫ້ທ່ານນໍາໃຊ້ແທັບຕ່າງໆ, ມັນກໍ່ເປັນໄປໄດ້ທີ່ຈະຈັດແຈງໃຫ້ທ່ານຕາມທີ່ທ່ານຕ້ອງການ.
ການໃຊ້ Hotkeys ທ່ານສາມາດຊອກຫາອົງປະກອບ Code ທີ່ຈໍາເປັນໄດ້ຢ່າງງ່າຍດາຍ. ຄໍາແນະນໍາໃນສີເຫຼືອງໃນລະຫັດສາມາດຊ່ວຍໃຫ້ນັກພັດທະນາລະບຸບັນຫາກ່ອນລ່ວງຫນ້າແລະແກ້ໄຂໄດ້. ໃນກໍລະນີທີ່ເກີດຄວາມຜິດພາດ, ບັນນາທິການຈະສະແດງມັນເປັນສີແດງແລະເຕືອນຜູ້ໃຊ້ກ່ຽວກັບເລື່ອງນັ້ນ.
ນອກຈາກນັ້ນ, ສະຖານທີ່ຂອງຄວາມຜິດພາດແມ່ນສະແດງຢູ່ໃນແຖບເລື່ອນດັ່ງນັ້ນບໍ່ໃຫ້ຄົ້ນຫາຕົວເອງ. ໃນເວລາທີ່ທ່ານເອົາໃຈໃສ່ກ່ຽວກັບຄວາມຜິດພາດ, ບັນນາທິການຕົນເອງໄດ້ສະເຫນີເລືອກຫນຶ່ງໃນຕົວເລືອກການສະກົດສໍາລັບກໍລະນີໃດຫນຶ່ງ.
ການພົວພັນກັບເຄື່ອງແມ່ຂ່າຍເວັບໄຊຕ໌
ເພື່ອໃຫ້ນັກພັດທະນາເບິ່ງຜົນຂອງການປະຕິບັດລະຫັດໃນຫນ້າ HTML ຂອງໂຄງການ, ມັນຈໍາເປັນຕ້ອງເຊື່ອມຕໍ່ກັບເຄື່ອງແມ່ຂ່າຍ. ມັນຖືກສ້າງຂຶ້ນໃນ IDE, ຄືມັນແມ່ນທ້ອງຖິ່ນ, ເກັບໄວ້ໃນ PC ຂອງຜູ້ໃຊ້. ການນໍາໃຊ້ການຕັ້ງຄ່າຂັ້ນສູງ, ມັນສາມາດໃຊ້ FTP, SFTP, FTPS ໂປຣແກຣມສໍາລັບການດາວໂຫຼດໄຟລ໌ໂຄງການ.
ມີສະ terminal SSH ທີ່ທ່ານສາມາດເຂົ້າໄປຄໍາສັ່ງທີ່ສົ່ງຄໍາຮ້ອງຂໍໃຫ້ກັບເຄື່ອງແມ່ຂ່າຍຂອງທ້ອງຖິ່ນ. ດັ່ງນັ້ນ, ທ່ານສາມາດນໍາໃຊ້ເຄື່ອງແມ່ຂ່າຍດັ່ງກ່າວເປັນຈິງ, ໂດຍນໍາໃຊ້ຄວາມສາມາດທັງຫມົດຂອງມັນ.
Compiling TypeScript ໃນ JavaScript
ລະຫັດທີ່ຂຽນໃນ TypeScript ບໍ່ໄດ້ດໍາເນີນການໂດຍຕົວທ່ອງເວັບຍ້ອນວ່າພວກເຂົາເຮັດວຽກຮ່ວມກັບ JavaScript. ນີ້ຮຽກຮ້ອງໃຫ້ລວບລວມ TypeScript ໃນ JavaScript, ເຊິ່ງສາມາດເຮັດໄດ້ໃນ WebStorm. ການລວບລວມແມ່ນຖືກກໍານົດໄວ້ໃນແທັບທີ່ເຫມາະສົມເພື່ອໃຫ້ໂຄງການປະຕິບັດການປ່ຽນແປງເປັນໄຟລ໌ທັງຫມົດທີ່ມີການຂະຫຍາຍ * ssແລະວັດຖຸສ່ວນບຸກຄົນ. ຖ້າທ່ານເຮັດການປ່ຽນແປງໃດໆກັບໄຟລ໌ທີ່ມີລະຫັດດ້ວຍ TypeScript, ມັນຈະຖືກລວບລວມໂດຍອັດຕະໂນມັດເປັນ JavaScript. ຟັງຊັ່ນນີ້ມີຢູ່ຖ້າທ່ານໄດ້ຢືນຢັນໃນການອະນຸຍາດຕັ້ງຄ່າເພື່ອປະຕິບັດງານນີ້.
ພາສາແລະກອບ
ສະພາບແວດລ້ອມການພັດທະນາອະນຸຍາດໃຫ້ທ່ານເຂົ້າຮ່ວມໃນໂຄງການຕ່າງໆ. ຂໍຂອບໃຈກັບ Twitter Bootstrap ທ່ານສາມາດສ້າງການຂະຫຍາຍສໍາລັບເວັບໄຊທ໌. ການນໍາໃຊ້ HTML5, ມັນຈະກາຍເປັນສາມາດນໍາໃຊ້ເຕັກໂນໂລຊີຫລ້າສຸດຂອງພາສານີ້. Dart ເວົ້າສໍາລັບຕົວມັນເອງແລະເປັນການທົດແທນພາສາ JavaScript, ດ້ວຍຄວາມຊ່ວຍເຫຼືອຂອງການນໍາໃຊ້ເວັບທີ່ພັດທະນາ.
ທ່ານສາມາດປະຕິບັດການພັດທະນາດ້ານຫນ້າໂດຍຂອບໃຈ Utony console. ການສ້າງຫນ້າຫນຶ່ງໂດຍໃຊ້ກອບ AngularJS ເຊິ່ງໃຊ້ເອກະສານ HTML ດຽວ. ສະພາບແວດລ້ອມການພັດທະນາຊ່ວຍໃຫ້ທ່ານສາມາດເຮັດວຽກກ່ຽວກັບໂຄງການອື່ນໆທີ່ມີຄວາມຊ່ຽວຊານໃນການສ້າງໂຄງສ້າງຂອງການອອກແບບຊັບພະຍາກອນເວັບແລະການເພີ່ມເຕີມໃຫ້ແກ່ພວກເຂົາ.
Terminal
ຊອບແວທີ່ມາພ້ອມກັບປາຍທາງທີ່ທ່ານຈະໄດ້ດໍາເນີນການຕ່າງໆໂດຍກົງ. ຄອນໂຊນທີ່ຕິດຕັ້ງຢູ່ໃນນີ້ສາມາດເຂົ້າເຖິງເສັ້ນຄໍາສັ່ງຂອງ OS: PowerShell, Bash ແລະອື່ນໆ. ດັ່ງນັ້ນ, ທ່ານສາມາດປະຕິບັດຄໍາສັ່ງໂດຍກົງຈາກ IDE.
Virtues
- ຫລາຍພາສາແລະກອບການສະຫນັບສະຫນູນ;
- Tooltips ໃນລະຫັດ;
- ລະຫັດການດັດແກ້ໃນເວລາທີ່ແທ້ຈິງ;
- ອອກແບບດ້ວຍໂຄງສ້າງທີ່ມີເຫດຜົນຂອງອົງປະກອບ.
ຂໍ້ເສຍປຽບ
- ໃບອະນຸຍາດຈ່າຍສໍາລັບຜະລິດຕະພັນ;
- English language interface
Summarizing ທັງຫມົດຂ້າງເທິງ, ມັນເປັນສິ່ງຈໍາເປັນທີ່ຈະເວົ້າວ່າ WebStorm IDE ເປັນຊອບແວທີ່ດີເລີດສໍາລັບການພັດທະນາຄໍາຮ້ອງສະຫມັກແລະເວັບໄຊທ໌, ເຊິ່ງມີຫຼາຍເຄື່ອງມື. ຊອບແວແມ່ນສຸມໃສ່ການສົນທະນາຂອງນັກພັດທະນາມືອາຊີບຫຼາຍ. ການສະຫນັບສະຫນູນສໍາລັບພາສາຕ່າງໆແລະຂອບເຂດໂຄງການ turns ໂຄງການເຂົ້າໄປໃນເວັບໄຊທ໌ studio ທີ່ມີຄຸນນະສົມບັດທີ່ຍິ່ງໃຫຍ່.
ດາວໂຫລດເວີຊັນທົດລອງຂອງ WebStorm
ດາວໂຫລດເວີຊັນຫຼ້າສຸດຂອງໂຄງການຈາກເວັບໄຊທ໌ທາງການ
ໂຄງການສໍາລັບການສ້າງເວັບໄຊທ໌ 
Aptana studio 
ເປີດຕົວ JavaScript ໃນຕົວທ່ອງເວັບ Opera 
Android Studioແບ່ງປັນບົດຄວາມໃນເຄືອຂ່າຍສັງຄົມ:
