Wednesday, March 4, 2015

ข้อความเตือน จาก Jade, Warning: missing space before text

ตอนนี้ยังไม่แน่ใจว่ามีเครื่องมือตัวไหนดีที่สุดเพราะลองใช้เพียง jade เท่านั้น ความรู้สึกตอนนี้ถือว่าใช้ได้ดีเลยที่เดียว เพราะเขียนง่าย แก้ไข เพิ่ม และดูได้ง่ายกว่าดูใน html คงเพราะลบแท็กออกไปก็ช่วยให้สบายตามากขึ้น

jade ถือว่าเป็น indent format การเขียนใช้การเว้นวรรคเป็นตัวกำหนดรูปแบบ ซึ่งถือว่าสำคัญเลยทีเดียว
เพราะ jade ยอมรับการเว้นวรรคทั้ง spacebar หรือ tab แต่จะใช้เพียงอย่างใดอย่างหนึ่งทั้งไฟล์ จะผสมกันไม่ได้

แต่กระนั้นก็ไม่ต้องกังวล เพราะถ้าเผลอใช้เมื่อใด เมื่อรันไฟล์ jade ก็จะมีข้อความบอก และบอกด้วยว่า บรรทัดไหนที่มีปัญหา


จากรูปนี้ผู้เขียนลองเปลี่ยนจาก tab ให้เป็น space ดังในรูปด้านล่าง



ในบรรทัดที่ 34 จะมีทั้ง tab (ขีดยาว) และ space (จุด 4 จุด)

นอกจากนี้ jade ยังรายงานผลการเตือนที่ไม่มีผลกระทบมากต่อระบบไปที่ console ที่รันโปรแกรมครั้งแรก (npm start)

โดยที่ console มีคำเตือน

Warning: missing space before text for line 50 of jade file "/Users/yothinin/ex/views/addcategories.jade"

เมื่อไปดูในบรรทัดที่ 50 จะพบว่ามี tab อยู่หลัง input ด้วย เมื่อลบออกคำเตือนก็หายไป


นี่แหละคือ ข้อควรระวังเวลาเขียนไฟล์ jade ซึ่งต้องเคร่งครัดเรื่องระเบียบการเขียนเป็นอย่างมาก ไม่เหมือน html ที่เขียนวางไว้ตรงไหน เยื้องอย่างไร จะ tab หรือ space จะเพิ่มมากหรือน้อยอย่างไรก็ได้ ทำให้ไฟล์ html ค่อนข้างเละเทะ ไม่เป็นระเบียบ (สำหรับบางคน)



No comments:

Post a Comment