imkopkap

รีโหลด Browser อัตโนมัติสำหรับ Web developer ด้วย Live server

ใช้เวลา 5 นาที 09/07/2016

ผมเคยทำคลิปเกี่ยวกับการทำ Live reload browser ด้วย browser-sync และ gulp

จากการใช้ส่วนตัวของผมนั้นค้นพบว่า gulp ที่ทำงานกับ NodeJS นั้นมันกินพื้นที่ทรัพยากรในเครื่องของผมที่เป็น core i3  ซึ่งมันช้าอยู่แล้วก็ทำให้ช้าไปอีกอยากการวัดผลมันกิน CPU ไปถึงเกือบ 100% กันเลยทีเดียว

 

gulp

ในบทความนี้ผมจะมาแนะนำทำสร้าง Server ที่ทำได้เหมือน browser-sync ที่เล็ก แรง เบากว่ามากๆ เรามาทำความรู้จักกับตัวนี้ครับ

 

Live Server

เขาบอกว่าตัวนี้คือ ตัวที่สร้าง server ขนาดเล็กในเครื่องของเราครับ ความสามารถคร่าวๆคือ สามารถใช้งาน AJAX ได้เป็นอย่างดี และ รีโหลดเว็บเพจให้อัตโนมัติเมื่อมีการแก้ไขหรือเปลี่ยนแปลง

 

liveserver

วิธีการติดตั้ง

ผ่าน NPM

npm install -g live-server

ติดตั้งแบบ Manual

git clone https://github.com/tapio/live-server
cd live-server
npm install # Local dependencies if you want to hack
npm install -g # Install globally

แล้วเขามี command line parameter มาให้ด้วยมากมายเลยครับ

ไปที่: Live reload

บันทึกแนะนำ