![]()
![]()
อ่านเอกสารของ
Angular ก็พบสิ่งที่น่าสนใจคือ
สามารถทำการ run code ที่อยู่ใน Github repository ผ่าน browser ได้เลย
ซึ่งมันทำให้ชีวิตนักพัฒนา Frontend ง่ายขึ้นมาก
เพราะว่า ไม่ต้องทำการติดตั้งสิ่งใดเลย
เพราะว่า การติดตั้ง dependency ต่าง ๆ บนเครื่องเราใช้เวลาสูงมาก ๆ
เพราะว่า การแบ่งปันหรือทำงานร่วมกับคนอื่น ๆ มันยากขึ้นไปอีก
ดังนั้นมาลองใช้งาน
Stackblitz กันนะ
https://video.twimg.com/tweet_video/DUWCW5WU8AAyhpl.mp4
การใช้งานก็ง่ายมาก ๆ
เพียงแค่เปลี่ยน url จาก
github.com/username/repo_name
มาเป็น
stackblitz.com/github/username/repo_name
หรือต้องการไปยัง branch/tag/commit ก็ใช้
stackblitz.com/github/username/repo_name/tree/{branch|tag|commit}
เท่านี้ก็ได้แล้ว
สิ่งที่ Stackblitz ทำคือ
ทำการ sync project ไป จากนั้นก็เริ่มใช้งานได้เลย
ทั้งการจัดการ dependency ต่าง ๆ
ทั้งแก้ไข code
ทั้งการ reload code
ทั้งการ run ระบบ
ทั้ง URL ของระบบที่มีให้เลย ให้ง่ายต่อการ share
ลองใช้งานกันดูนะดังรูป
Reference Website
https://medium.com/@ericsimons/stackblitz-online-vs-code-ide-for-angular-react-7d09348497f4
https://blog.angular.io/run-angular-cli-repos-directly-in-your-browser-41332fd80901