ການເຮັດວຽກໃນໂຄງການທີ່ຊັບຊ້ອນ, ບໍ່ວ່າທ່ານຈະເປັນນັກຂຽນໂປລແກລມທີ່ມີປະສົບການຫຼືເປັນນັກຮຽນໃຫມ່, ທ່ານເກືອບຈະແລ່ນຜ່ານບັນຫາຕ່າງໆ. ໃນເວລາທີ່ທ່ານແບ່ງປັນໂຄງການຂອງທ່ານເຂົ້າໄປໃນຫຼາຍໂມດູນ, ບັນຫາຕ່າງໆເກີດຂື້ນ, ເຮັດໃຫ້ມັນຍາກທີ່ຈະຕິດຕາມຄວາມຜິດພາດແລະຊອກຫາວິທີແກ້ໄຂ. ໃນສະຖານະການອື່ນ, ການດີບັກແຕ່ລະຕົວຢ່າງອາດຈະຫຍຸ້ງຍາກເພາະວ່າທ່ານບໍ່ໄດ້ຄົ້ນພົບວິທີແກ້ໄຂທີ່ເຫມາະສົມກັບບັນຫາທີ່ທ່ານໄດ້ເຮັດວຽກຢູ່.
ມັນຍັງເກີດຂື້ນເປັນຊິ້ນສ່ວນຂອງລະຫັດໃນບາງໂອກາດ, ເຊິ່ງອາດຈະເບິ່ງສັບສົນໃນເວລານັ້ນ. JavaScript ແມ່ນໜຶ່ງໃນພາສາເວັບທີ່ງ່າຍທີ່ສຸດທີ່ຈະຮຽນຮູ້. ພຽງແຕ່ເປີດຕົວທ່ອງເວັບ desktop ຂອງທ່ານແລະໄປຫາເຄື່ອງມືນັກພັດທະນາ (ປົກກະຕິແລ້ວ F12), ແລະທ່ານສໍາເລັດ! ຈາກນັ້ນທ່ານສາມາດທົດລອງກັບ JS ໂດຍບໍ່ຕ້ອງຕິດຕັ້ງ ຫຼືແລ່ນຊອບແວທີ່ສັບສົນໃດໆ.
ເພື່ອເລີ່ມຕົ້ນ, ທັງຫມົດທີ່ທ່ານຕ້ອງການແມ່ນຕົວທ່ອງເວັບ. ມັນດີເລີດທີ່ຈະມີຄວາມງ່າຍດາຍທັງ ໝົດ ນີ້ອອກຈາກກ່ອງ, ແຕ່ມີບາງໂອກາດທີ່ທ່ານຕ້ອງການເພີ່ມເຕີມ. ຕົວຢ່າງ, ສົມມຸດວ່າທ່ານຕ້ອງການທົດລອງກັບ Web API ໃຫມ່ທີ່ເຈົ້າໄດ້ຄົ້ນພົບເມື່ອບໍ່ດົນມານີ້ແຕ່ບໍ່ຕ້ອງການເລີ່ມຕົ້ນໂຄງການໃຫມ່.
ໃນບົດຂຽນນີ້, ພວກເຮົາຈະປຽບທຽບແລະກົງກັນຂ້າມກັບສາມບ່ອນຫຼິ້ນ JS ທີ່ນິຍົມທີ່ສຸດ, CodePen, CodeSandbox, ແລະ StackBlitz. ມາເລີ່ມກັນເລີຍ!
CodePen
ເຄື່ອງມືພັດທະນາເວັບ Frontend ພັດທະນາຢູ່ສະເໝີ, ແລະຕົວແກ້ໄຂຂໍ້ຄວາມແມ່ນອົງປະກອບອັນໃຫຍ່ຫຼວງຂອງເຕັກໂນໂລຊີຫລ້າສຸດທີ່ເຮັດໃຫ້ຊີວິດຂອງນັກພັດທະນາງ່າຍຂຶ້ນ. ນອກເຫນືອຈາກຕົວແກ້ໄຂຂໍ້ຄວາມແບບຢືນຢູ່ຄົນດຽວເຊັ່ນ Atom ຫຼື Notepad ++, ມີການລະເບີດຂອງບັນນາທິການທີ່ອີງໃສ່ຕົວທ່ອງເວັບໃນຊຸມປີມໍ່ໆມານີ້ທີ່ບໍ່ຕ້ອງການການຕິດຕັ້ງໂປຼແກຼມແລະສົ່ງເສີມການຮ່ວມມືຫຼາຍຂຶ້ນ.
CodePen ແມ່ນ "ຊຸມຊົນອອນໄລນ໌ສໍາລັບການທົດສອບແລະນໍາສະເຫນີຂໍ້ມູນລະຫັດ HTML, CSS, ແລະ JavaScript ທີ່ສ້າງໂດຍຜູ້ໃຊ້" ທີ່ສະເຫນີໂອກາດທີ່ດີທີ່ຈະຮຽນຮູ້ວິທີການຂຽນຫນ້າເວັບທີ່ດີກວ່າ.
CodePen ໃຫ້ທ່ານສອງ "ໂຫມດ." ທໍາອິດແລະຖືກນໍາໃຊ້ຫຼາຍທີ່ສຸດແມ່ນປາກກາ. ມັນງ່າຍດາຍຄືກັບການກົດປຸ່ມແລະຖືກສົ່ງໄປຫາບັນນາທິການ. ຈາກບ່ອນນັ້ນ, ທ່ານສາມາດເຂົ້າເຖິງແຜງສະແດງຕົວຢ່າງເຊັ່ນດຽວກັນກັບ HTML ພື້ນຖານ, CSS, ແລະປ່ອງຢ້ຽມດັດແກ້ JS.
ບໍ່ມີ "ລະບົບໄຟລ໌," "IntelliSense," ຫຼືສິ່ງອື່ນ - ພຽງແຕ່ເນັ້ນໃສ່ syntax ງ່າຍດາຍແລະຄໍາສັ່ງໄວເຊັ່ນ: prettify. ໃນແຖບຕົວເລືອກ, ທ່ານອາດຈະເລືອກຈາກຂອບເຂດຈໍາກັດຂອງຕົວປະມວນຜົນກ່ອນສໍາລັບທັງສາມພາສາ (ເຊັ່ນ: TypeScript ສໍາລັບ JS) ຫຼືເພີ່ມການເຊື່ອມຕໍ່ກັບແຫຼ່ງພາຍນອກ.
ຖ້າທ່ານພຽງແຕ່ຕ້ອງການສິ່ງໃດແດ່ທີ່ເຮັດໄດ້ໂດຍບໍ່ເສຍຄ່າ, ບັນນາທິການທັງສອງຈະພຽງພໍ. ຂ້ອຍຂໍແນະນໍາ CodePen ສໍາລັບສິ່ງໃດກໍ່ຕາມທີ່ບໍ່ຈໍາເປັນຕ້ອງມີການຕິດຕັ້ງຫຼືຫ້ອງສະຫມຸດຫຼາຍ - ພຽງແຕ່ HTML, CSS, ແລະ JS ທີ່ມີໂປເຊດເຊີທາງສ່ວນຫນ້າຂອງທາງເລືອກ. ຖ້າທ່ານຕ້ອງການໃຊ້ສະຫນາມເດັກຫຼິ້ນເພື່ອປັບປຸງການມີສື່ມວນຊົນສັງຄົມຂອງທ່ານຫຼືພັດທະນາຫຼັກຊັບສ່ວນບຸກຄົນ, CodePen ແມ່ນທາງເລືອກທີ່ດີກວ່າ.
Premium Version
ທ່ານມີທາງເລືອກອີກສອງສາມທາງທີ່ຈະເລືອກເອົາຈາກ CodePen. ຖ້າເຈົ້າຈ່າຍເງິນລາຍປີ, ເຈົ້າສາມາດໄດ້ຮັບໜຶ່ງໃນສາມແຜນປະກັນພຣີມຽມໃນລາຄາ $12, $19, ຫຼື $39 ໃນແຕ່ລະເດືອນ. ເຈົ້າອາດຈະສ້າງປາກກາສ່ວນຕົວ, ໂພສ, ແລະຄໍເລັກຊັນຈຳນວນບໍ່ຈຳກັດຢູ່ໃນສາມຊັ້ນ.
ທ່ານຍັງຈະໄດ້ຮັບປ້າຍ Pro (ການຊຸກຍູ້ສັງຄົມ), ການເຂົ້າເຖິງຮູບແບບການເຮັດວຽກຮ່ວມກັນ, ບໍ່ມີການໂຄສະນາ, ແລະອື່ນໆອີກ. ນອກນັ້ນຍັງມີກົນລະຍຸດສະເພາະຂອງທີມ ແລະຄວາມແຕກຕ່າງຂ້າມຊັ້ນອື່ນໆ. ກວດເບິ່ງກະດານໃບບິນຢ່າງເປັນທາງການຂອງເຂົາເຈົ້າສໍາລັບຂໍ້ມູນເພີ່ມເຕີມ.
ຄຸນນະສົມບັດທີ່ສໍາຄັນ
ນອກເໜືອໄປຈາກການສ້າງ HTML, CSS, ແລະ JavaScript ໃນ CodePen, ຍັງມີອີກສອງສາມຢ່າງທີ່ຕັ້ງມັນໄວ້.
- ການເບິ່ງລະຫັດຂອງເຈົ້າໃນເວລາຈິງແມ່ນເປັນໄປໄດ້. ມັນບໍ່ໄດ້ຮຽກຮ້ອງໃຫ້ມີການລວບລວມ.
- ການທົດລອງຊ່ວຍໃຫ້ທ່ານສາມາດຮຽນຮູ້ສິ່ງໃຫມ່.
- ສ້າງກໍລະນີທົດສອບຂະຫນາດນ້ອຍເພື່ອຊອກຫາແລະແກ້ໄຂບັນຫາ.
- ສະແດງຜົນງານທີ່ຍອດຢ້ຽມຂອງເຈົ້າ.
- ສ້າງແລະເກັບຮັກສາ Pens ສໍາລັບການນໍາໃຊ້ຕໍ່ມາ.
- ລອງໃຊ້ລະຫັດຂອງຜູ້ພັດທະນາອື່ນ ແລະເບິ່ງມັນຢູ່ໃນການປະຕິບັດ.
ຂໍ້ດີ
- ເພື່ອເລີ່ມຕົ້ນ, ບໍ່ມີຄ່າໃຊ້ຈ່າຍໃດໆ.
- ແຫຼ່ງການຮຽນຮູ້ໃນຕົວ.
- ຮ່ວມມືກັບຜູ້ອື່ນ ແລະປຽບທຽບໂຄງການເພື່ອເບິ່ງວ່າເຂົາເຈົ້າສາມາດໄປໃສໄດ້ໃນອະນາຄົດ.
- UI ແມ່ນງ່າຍດາຍທີ່ຈະໃຊ້ແລະກົງໄປກົງມາ.
ຂໍ້ເສຍ
- ຫ້ອງສະໝຸດລະຫັດມີຂະໜາດນ້ອຍ, ການຕື່ມລະຫັດອັດຕະໂນມັດບໍ່ພຽງພໍ. ມັນເປັນພຽງແຕ່ດີສໍາລັບໂຄງການຫນຶ່ງຫນ້າແລະບໍ່ສາມາດຈັດການອັນໃດທີ່ໃຫຍ່ກວ່າ.
- ໃນ CodePen, ທ່ານສາມາດສ້າງປາກກາສ່ວນຕົວໄດ້, ແຕ່ທ່ານຈະຕ້ອງອັບເກຣດເປັນສະມາຊິກ Pro ($9/ເດືອນ).
sandbox ລະຫັດ
CodeSandbox ເປັນຕົວແກ້ໄຂລະຫັດເວັບ. ມັນອັດຕະໂນມັດການຖ່າຍທອດ, ການຫຸ້ມຫໍ່, ແລະການຄຸ້ມຄອງການເພິ່ງພາອາໄສສໍາລັບທ່ານ, ຊ່ວຍໃຫ້ທ່ານສ້າງໂຄງການໃຫມ່ດ້ວຍການຄລິກດຽວ. ຫຼັງຈາກທີ່ເຈົ້າໄດ້ສ້າງສິ່ງທີ່ໜ້າສົນໃຈ, ເຈົ້າອາດຈະແບ່ງປັນມັນກັບຜູ້ອື່ນໂດຍພຽງແຕ່ແບ່ງປັນເວັບໄຊທ໌.
ບັນນາທິການແມ່ນເຂົ້າກັນໄດ້ກັບໂຄງການ JavaScript ໃດໆ, ເຖິງແມ່ນວ່າມັນປະກອບມີລັກສະນະສະເພາະຂອງ React, ເຊັ່ນ: ທາງເລືອກທີ່ຈະບັນທຶກໂຄງການໃນແມ່ແບບ create-react-app.
ໂຄງການໃດກໍ່ຕາມທີ່ທ່ານສ້າງໃນ CodeSandbox ເລີ່ມຕົ້ນດ້ວຍແມ່ແບບ. ມັນສາມາດພົວພັນກັບຫ້ອງສະຫມຸດສະເພາະ, ກອບ, ຫຼືເວລາແລ່ນ (ລວມທັງ Node.js) ຫຼືໃຊ້ເຕັກໂນໂລຢີເວັບມາດຕະຖານ. ຫຼັງຈາກການເລືອກແມ່ແບບ, ທ່ານໄດ້ຖືກສົ່ງໄປຫາບັນນາທິການ, ບ່ອນທີ່ທ່ານຈະພົບເຫັນທັງຫມົດຂອງໄຟລ໌ທີ່ຈໍາເປັນແລະປ່ອງຢ້ຽມສະແດງຕົວຢ່າງເປີດຢູ່ແລ້ວ.
ທ່ານສາມາດເຂົ້າເຖິງ "ລະບົບໄຟລ໌" ໃນ Sandboxes ທັງຫມົດ, ຊຶ່ງຫມາຍຄວາມວ່າທ່ານອາດຈະສ້າງໄຟລ໌ໃຫມ່, ນໍາໃຊ້ໂມດູນ (ລວມທັງ NPM packages), ແລະພົວພັນກັບຊັບສິນຄົງທີ່. ຍັງມີໂອກາດທີ່ຈະດັດແປງໄຟລ໌ການຕັ້ງຄ່າສະເພາະແມ່ແບບ.
ທ່ານອາດຈະສ້າງແມ່ແບບຂອງທ່ານເອງສໍາລັບກໍລະນີການນໍາໃຊ້ທີ່ເປັນເອກະລັກຂອງທ່ານ, ສົມບູນດ້ວຍໂຄງສ້າງໄຟລ໌ແລະການເພິ່ງພາອາໄສ, ຄືກັນກັບໃນ IDE. ເນື່ອງຈາກວ່າເຄື່ອງມືໄດ້ຖືກເຊື່ອມຕໍ່ກັບ Github, ທ່ານສາມາດສ້າງຄໍາຫມັ້ນສັນຍາແລະເປີດ PRs ໄດ້ໄວ. ທ່ານສາມາດນໍາໃຊ້ຄໍາຮ້ອງສະຫມັກຂອງທ່ານກັບ ZEIT ຫຼື Netlify ໃນທັນທີ.
CodeSandbox Team Pro
CodeSandbox, ທຸລະກິດໂຮນລັງທີ່ອະນຸຍາດໃຫ້ນັກພັດທະນາສ້າງ sandbox ພັດທະນາເວັບ app ທີ່ອີງໃສ່ຕົວທ່ອງເວັບ, ໄດ້ປ່ອຍອອກມາຢ່າງເປັນທາງການເວທີການຮ່ວມມືທີ່ອະນຸຍາດໃຫ້ທີມງານສາມາດເຮັດວຽກກ່ຽວກັບລະຫັດໃນ cloud. ຜະລິດຕະພັນໃຫມ່, Team Pro, ແມ່ນການແກ້ໄຂທີ່ບໍ່ມີລະຫັດທີ່ສ້າງຂຶ້ນສໍາລັບທີມງານຜະລິດຕະພັນທີ່ສົມບູນ, ຕັ້ງແຕ່ຜູ້ອອກແບບແລະຜູ້ຈັດການໂດຍຜ່ານທີມງານການຮັບປະກັນຄຸນນະພາບ (QA) ແລະຫຼາຍກວ່ານັ້ນ.
ໂຄງການໄດ້ຖືກສະຫນອງໃຫ້ຢູ່ໃນການໂຕ້ຕອບທີ່ເປັນມິດກັບຜູ້ໃຊ້ສໍາລັບທຸກຄົນທີ່ຕ້ອງການທີ່ຈະເຮັດຫຼືຍອມຮັບການປ່ຽນແປງໃນຄໍາຮ້ອງສະຫມັກເວັບໄຊຕ໌, ຫຼີກເວັ້ນການວິທີການທາງເລືອກເຊັ່ນການສົ່ງບັນທຶກແລະຄໍາແນະນໍາກັບນັກພັດທະນາເພື່ອປະຕິບັດການປ່ຽນແປງ, ໃຫ້ເຂົາເຈົ້າກັບຄືນສໍາລັບການສົນທະນາ, ແລະເຮັດຊ້ໍາຂະບວນການ.
ຄຸນນະສົມບັດທີ່ສໍາຄັນ
- ຕົວແກ້ໄຂລະຫັດເວັບ ແລະເຄື່ອງມືຕົ້ນແບບ.
- ສໍາລັບການນໍາໃຊ້ໃນທ້ອງຖິ່ນ, sandbox ອາດຈະຖືກດາວໂຫຼດໄດ້ຢ່າງງ່າຍດາຍໃນໄຟລ໌ zip.
- ດໍາເນີນໂຄງການ ແມ່ນເຮັດຢູ່ໃນກ່ອງຊາຍ, ເຊິ່ງອາດຈະຖືກແບ່ງປັນກັບເພື່ອນຮ່ວມງານ.
ຂໍ້ດີ
- ປະສົບການຂອງຜູ້ໃຊ້ທີ່ປັບປຸງ ແລະຄວບຄຸມຕົວແກ້ໄຂໄດ້ຫຼາຍຂຶ້ນ.
- ຄຸນສົມບັດການສະແດງຕົວຢ່າງສົດສາມາດຖືກແກ້ໄຂ ແລະເບິ່ງຢູ່ໃນປ່ອງຢ້ຽມແຍກຕ່າງຫາກ.
- ລະຫັດຖືກຈັດຮູບແບບອັດຕະໂນມັດ ແລະປະກອບມີ CLI (codesandbox-cli)
- ຮອງຮັບໂມດູນ npm ຂັ້ນສູງ.
- ຂໍ້ຄວາມຜິດພາດທີ່ດີທີ່ມີຄໍາແນະນໍາ.
- ມັນປັບປຸງປະສົບການການດີບັ໊ກໂດຍການສະຫນອງຈຸດທີ່ດີຂຶ້ນ, ຕົວເບິ່ງການທົດສອບ, ແລະຕົວເບິ່ງບັນຫາ.
ຂໍ້ເສຍ
- ຜູ້ບໍລິໂພກສຸດທ້າຍໄດ້ສໍາຜັດກັບການປັບແຕ່ງສ່ວນບຸກຄົນຫຼາຍ.
- ລາກ ແລະວາງໄຟລ໌ຈາກຄອມພິວເຕີທ້ອງຖິ່ນບໍ່ເຮັດວຽກຢ່າງຖືກຕ້ອງ.
- ໂຄງສ້າງໂຟນເດີທີ່ແນ່ນອນຈະຕ້ອງປະຕິບັດຕາມໃນ CodeSandbox.
- ການທໍາງານຂອງ sandbox ສ່ວນຕົວສາມາດໃຊ້ໄດ້ກັບຜູ້ອຸປະຖໍາເທົ່ານັ້ນ.
StackBlitz
StackBlitz ເປັນ Visual Studio Code-powered online IDE ສໍາລັບຄໍາຮ້ອງສະຫມັກເວັບ. ແພລະຕະຟອມແມ່ນຕອບສະຫນອງແລະປັບຕົວໄດ້ເທົ່າກັບສະບັບ desktop. StackBlitz ແມ່ນ IDE ອອນລາຍທີ່ມາພ້ອມກັບການໂຫຼດກ່ອນ Angular ແລະປະຕິກິລິຍາ ເຄື່ອງມືການພັດທະນາ.
Thinkster.io ສ້າງໂຄງການທີ່ດີເລີດເພື່ອເຮັດໃຫ້ມັນງ່າຍດາຍເທົ່າທີ່ເປັນໄປໄດ້ເພື່ອເລີ່ມຕົ້ນໂຄງການ Angular ຫຼື React ຂອງທ່ານໂດຍບໍ່ຈໍາເປັນຕ້ອງກັງວົນກ່ຽວກັບການຕິດຕັ້ງການເພິ່ງພາອາໄສຫຼືການຕັ້ງຄ່າການກໍ່ສ້າງ. StackBlitz ສະຫນອງຫຼາຍລັກສະນະທີ່ຫນ້າປະຫລາດໃຈແລະເປັນເອກະລັກທີ່ບໍ່ມີຕົວແກ້ໄຂລະຫັດອອນໄລນ໌ອື່ນໆໃນປັດຈຸບັນ. ດັ່ງນັ້ນ, ມັນຄຸ້ມຄ່າທີ່ຈະສືບສວນ StackBlitz ຕື່ມອີກ ແລະຄົ້ນພົບສິ່ງທີ່ IDE ອອນໄລນ໌ມີໃຫ້.
Stackblitz ແມ່ນສົມທຽບກັບ IDE ທີ່ສົມບູນ, ໂດຍສະເພາະຖ້າທ່ານບໍ່ສາມາດເວົ້າລາກັບລະຫັດ VS ເພາະວ່າເຄື່ອງມືແມ່ນອີງໃສ່ມັນ. ຊຸດດັ່ງກ່າວມີຄຸນສົມບັດທີ່ຫຼາກຫຼາຍທີ່ຊ່ວຍໃຫ້ທ່ານສາມາດເລີ່ມຕົ້ນ ແລະສືບຕໍ່ສ້າງແອັບພລິເຄຊັນເຕັມຮູບແບບໄດ້.
ໂປຣແກຣມນີ້ຂັບເຄື່ອນໂດຍ Visual Studio, ເຊິ່ງເປັນທີ່ຮູ້ຈັກກັນດີໃນບັນດານັກພັດທະນາ. ການແກ້ໄຂແບບອອບໄລນ໌ເປັນຄຸນສົມບັດທີ່ໂດດເດັ່ນຂອງໂຄງການ. ເພື່ອເຮັດໃຫ້ນີ້ເປັນໄປໄດ້, ທີມງານ Stackblitz ໄດ້ສ້າງ webserver ໃນຕົວທ່ອງເວັບ. ໃນຂະນະທີ່ທ່ານພິມ, ມັນຈະຕິດຕັ້ງການເພິ່ງພາອາໄສ, ລວບລວມ, ມັດ, ແລະການໂຫຼດໃໝ່ໂດຍອັດຕະໂນມັດ.
Premium Version
Cadet, ນັກອາວະກາດ, ແລະຜູ້ບັນຊາການແມ່ນມີໃຫ້ຟຣີ, $8/ເດືອນ, ແລະ $29/ເດືອນ, ຕາມລໍາດັບ. ນັກອາວະກາດແລະຜູ້ບັນຊາການປະກອບມີລັກສະນະຕ່າງໆເຊັ່ນໂຄງການເອກະຊົນທີ່ບໍ່ຈໍາກັດ, ການອັບໂຫລດໄຟລ໌ທີ່ບໍ່ຈໍາກັດ, ເຊີນກັບຊ່ອງທາງການ slack ຂອງທີມງານຫຼັກ, ແລະອື່ນໆ. ສໍາລັບຂໍ້ມູນເພີ່ມເຕີມ, ເບິ່ງກະດານໃບບິນຢ່າງເປັນທາງການ.
ຄຸນນະສົມບັດທີ່ສໍາຄັນ
- ເພີ່ມແພັກເກດ NPM ໃສ່ໂຄງການຂອງທ່ານ.
- ຂໍຂອບໃຈກັບເຊີບເວີ dev ໃໝ່ໃນບຣາວເຊີ, ທ່ານສາມາດແກ້ໄຂໃນເວລາອອບລາຍໄດ້.
- URL ແອັບຯທີ່ເປັນເຈົ້າພາບທີ່ອະນຸຍາດໃຫ້ພວກເຮົາເຂົ້າເຖິງ (ແລະແບ່ງປັນ) ແອັບຯສົດຂອງພວກເຮົາໄດ້ທຸກເວລາ.
- ຄຸນສົມບັດ Visual Studio Code ທີ່ໂດດເດັ່ນອື່ນໆລວມມີ Intellisense, Project Search (Cmd/Ctrl+P), ໄປທີ່ Definition, ແລະອື່ນໆ.
ຂໍ້ດີ
- ຄວາມສາມາດຂອງ Firebase ສໍາລັບການຕິດຕັ້ງ.
- ບັນນາທິການແມ່ນໃຊ້ງ່າຍ ແລະໄວທີ່ສຸດ.
- ຜູ້ໃຊ້ສາມາດເຂົ້າເຖິງ package.json, index.html, ແລະ index.js.
- ລະຫັດແຫຼ່ງທີ່ແບ່ງປັນໄດ້ເຊິ່ງສາມາດຝັງໄດ້.
- ການສະແດງຕົວຢ່າງສົດຢູ່ໃນສ່ວນໃຫຍ່ຂອງຫນ້າ, ມີທາງເລືອກທີ່ຈະເປີດໃນຫນ້າອື່ນຖ້າຈໍາເປັນ.
- ໃນຂະນະທີ່ Offline, ການແກ້ໄຂ
- ການສໍາເລັດທີ່ສະຫລາດແລະການປັບປຸງ Intellisense.
- ຫຼັກຂອງ Stackblitz ແມ່ນ Open source.
ຂໍ້ເສຍ
- ທ່ານບໍ່ມີອິດທິພົນຕໍ່ການກໍ່ສ້າງຫຼືເຄື່ອງແມ່ຂ່າຍຂອງນັກພັດທະນາເພາະວ່າສິ່ງເຫຼົ່ານັ້ນຖືກຈັດການໂດຍຄໍາສັ່ງ create-react-app.
- ໃນ React, ໂຄງສ້າງໂຟເດີພື້ນຖານຄວນໄດ້ຮັບການສັງເກດເຫັນ.
- ມັນເປັນໄປບໍ່ໄດ້ທີ່ຈະຈັດຮູບແບບລະຫັດອັດຕະໂນມັດ, ເຖິງແມ່ນວ່າມັນເປັນໄປໄດ້ທີ່ຈະເຮັດມັນດ້ວຍຕົນເອງ.
ສະຫຼຸບ
ໃນປັດຈຸບັນ, ສະຫນາມເດັກຫຼິ້ນການຂຽນລະຫັດຄືກັບທີ່ພວກເຮົາໄດ້ເຫັນຂ້າງເທິງນີ້ອາດຈະຖືກນໍາໃຊ້ເພື່ອສ້າງໂຄງການເວັບທັງຫມົດ. ບໍ່ຈໍາເປັນຕ້ອງຕິດຕັ້ງ IDE ທີ່ຫຍຸ້ງຍາກໃນ PC ຂອງທ່ານເມື່ອທ່ານສາມາດສ້າງ, ແກ້ບັນຫາ, ທົດສອບ, ແລະນໍາໃຊ້ໂດຍກົງຈາກຕົວທ່ອງເວັບຂອງທ່ານ.
ໃນຄວາມຄິດເຫັນຂອງຂ້ອຍ, StackBlitz ຈະເປັນທີ່ດີທີ່ສຸດໃນບັນດາພວກເຂົາເພາະວ່າມັນເປັນ IDE ເວັບໄຊຕ໌ທີ່ອະນຸຍາດໃຫ້ JavaScript, Angular, ແລະໂຄງການພັດທະນາອື່ນໆອອກຈາກກ່ອງ, ບໍ່ຈໍາເປັນຕ້ອງຕິດຕັ້ງສະພາບແວດລ້ອມການພັດທະນາທ້ອງຖິ່ນເຊັ່ນ Node.js, npm, ຫຼື Angular. ມັນສະຫນອງປະສົບການດຽວກັນກັບການນໍາໃຊ້ Visual Studio Code ຢູ່ໃນທ້ອງຖິ່ນ. ໃນຄວາມເປັນຈິງ, ເນື່ອງຈາກວ່າ StackBlitz ຖືກຂັບເຄື່ອນໂດຍ Visual Studio Code, ມັນມີຄວາມຮູ້ສຶກໄວແລະຫລາກຫລາຍເທົ່າກັບສະບັບ desktop.
ອັນໃດຂອງ CodePen, CodeSandbox, ແລະ StackBlitz ແມ່ນເຄື່ອງມືໄປຫາເຈົ້າ? ໃຫ້ພວກເຮົາຮູ້ໃນຄໍາເຫັນ.
Abbatyya
ຂອບໃຈສໍາລັບບົດຄວາມທີ່ຍິ່ງໃຫຍ່ນີ້, ເມື່ອຂ້ອຍເຫັນ stackblitz.com, ຂ້ອຍຮູ້ວ່ານີ້ແມ່ນສິ່ງທີ່ຂ້ອຍຕ້ອງການ.