จัดตำแหน่งโค้ดให้สวยด้วย AlignTab (SublimeText 3)

จัดตำแหน่งโค้ดให้สวยด้วย AlignTab


การเขียนโค้ดทุกวันนี้ไม่ใช่เขียนเพื่อให้ทำงานได้ดีเพียงอย่างเดียวยังต้องคำนีงถึงความสวยงามและอ่านง่ายสบายตาด้วย วันนี้ผมจะมาแนะนำ Package สุดเจ๋งของ SublimeText ที่จะช่วยให้คุณไม่ต้องเคาะ Spacebar หรือ Tab ให้เมื่อย ก็ทำให้โค้ดสวยด้วยได้คลิ๊กเดียว
ใช่ครับมันคือ Package ที่ชื่อว่า AlignTab สำหรับ Package ตัวนี้รองรับทั้ง SublimeText 2, 3 อย่าเสียเวลาเรามาเริ่มกันเลย

1. เปิดโปรแกรม SublimeText (ใครที่ยังไม่ได้ติดตั้ง Package Control คลิ๊ก)
2. กดปุ่ม Cmd+Shift+P (Mac) หรือ Ctrl+Shift+P (Windows) เพื่อเปิด Command Palette แล้วพิมพ์คำว่าPackage Control หลังจากนั้นเลือกที่ Install Package
3. ให้พิมพ์ชื่อ Package ของเราลงไปว่า AlignTab แล้วกดที่ชื่อเพื่อติดตั้ง
4. เปิด-ปิด SublimeText ใหม่
รูปแบบการทำงานก็ไม่ยากครับ เพียงแค่กดคลิ๊กขวา เลือกรูปแบบการจัดเพื่อให้ภาพมาดูตัวอย่างดังนี้ครับ
1. คลิ๊กขวาเพื่อเลือกรูปแบบ
2. ผลลัพธ์
Credit : http://www.manybug.com/

ความคิดเห็น

แสดงความคิดเห็น

โพสต์ยอดนิยมจากบล็อกนี้

วิธีการกรอกใบสมัครงาน (application form) ภาษาอังกฤษ

รูปภาพ
กรอกใบสมัครงาน ภาษาอังกฤษ ใบสมัครงาน ตัวอย่างใบสมัครงาน เขียน ใบสมัครงานภาษาอังกฤษ แบบฟอร์มสมัครงาน กรอกประวัติส่วนตัว กรอก ใบสมัครงาน ภาษาอังกฤษ วิธีการกรอกใบสมัครงาน คือ วิธีการกรอกใบสมัครงานภาษาอังกฤษ วิธีการกรอกใบสมัครงานภาษาอังกฤษ อ. ภูษิต รัตนวงศ์ ใบสมัครงานที่ผู้สมัครต้องกรอกตอนที่ไปสมัคร งานตามบริษัท ห้างร้านต่าง ๆ นั้น จะมีลักษณะ ต่างๆกันในแต่ละแห่ง แต่โดยส่วนรวมแล้วมักจะมีลักษณะที่คล้ายคลึงกันแทบทุกแห่ง โดยมีรายละเอียดการกรอกดังนี้ 1. หลักการเบื้อต้น (How to complete an application form) 1.1 ทำความเข้าใจกฎเกณฑ์ของใบสมัคร (Read clear what the procedures are) เช่น ให้เขียนหรือพิมพ หรือข้อความตอนใดที่ต้องเขียนด้วยอักษรตัวพิมพ์ 1.2 ตอบคำถามในใบสมัครให้ครบถ้วน (Complete all questions) ข้อความใดที่ไม่ต้องการก็ให้ทำเครื่องหมายหรือใส่ข้อความลงไป 1.3 กรอกใบสมัครให้ดูน่าสนใจที่สุ ด (Make it clean, clear,accurate interesting, and wellpresented) หมายถึงเขียนให้สะอาดเรียบร้อยและเลือกเฉพาะประเด็นที่น่าสนใจมากที่สุด 1.4 เตรียมคำถามที่อาจถูกถามจากการกรอก (Prepare
อ่านเพิ่มเติม

วิธีแก้ปัญหา Internal Server Error ตอนรัน PHP กับ Apache Server MSQL

รูปภาพ
Internal Server Error The server encountered an internal error or misconfiguration and was unable to complete your request. Please contact the server administrator, localhost and inform them of the time the error occurred, and anything you might have done that may have caused the error. More information about this error may be available in the server error log. Apache/2.2.8 (Win32) PHP/5.2.6 Server at 127.0.0.1 Port 80 เคยเจอกันหรือเปล่าครับปัญหานี้ แรก ๆ อาจจะงง ๆ กันว่าโค้ด ก็ โค้ดเดิม ไม่ได้เปลี่ยนอะไรตรงไหนเลย แล้วทำไม่อยู่ ๆ จึงรันไม่ได้ซะงั้น หรือว่าจะเป็นไวรัสเข้าเครื่องหว่า.... อย่าเพิ่งตกใจไปครับ ผมก็เคยเจอปัญหานี้มาแล้ว และก็ยังเจออยู่เรื่อย ๆ หลังจาก ลงวินโดวน์ใหม่ (กรณีเคยตั้งค่า mod_rewrite หรือ มีไฟล์ .htaccess อยู่ในโฟล์เดอร์ www) เอาไฟล์ไปรันที่เครื่องอื่น (กรณีเคยตั้งค่า mod_rewrite หรือ มีไฟล์ .htaccess อยู่ในโฟล์เดอร์ www) โหลดตัวอย่างโค้ดมาทดสอบ สาเหตุของปัญหานี้มันก็เป็นเพราะ การทำ หรือ การตั้งค่า  mod_rewrite  ครับ ไฟล์ที่ใช้ทำเจ้
อ่านเพิ่มเติม

[PHP] คำสั่ง NUMBER_FORMAT ใส่จุดทศนิยม และ คอมม่าให้กับตัวเลข

รูปภาพ
การแสดงผลตัวเลขในรูปแบบของจำนวนเงิน จำเป็นต้องใส่เครื่องหมายคอมม่า และจุดทศนิยม เพื่อความถูกต้องและทำให้ผู้ใช้งานดูง่ายๆ  บางคนหรือหลาย ๆ คนอาจจะยังไม่รู้ว่า ฟังก์ชั่นฟอร์แมตรูปแบบตัวเลขของ php นี้มีอยู่หรือไม่  ทำให้เป็นปัญหาเวลาต้องการใช้งาน ซึ่งบางคนอาจจะสร้างฟังก์ชั่นขึ้นมาใช้เองอันนี้ก็ไม่ว่ากัน แต่อันที่จริง php เขามีฟังก์ชั่นสำเร็จรูปไว้ให้เรา ๆ ท่าน ๆ ได้เรียกใช้งานกันง่าย ๆ อยู่แล้ว ฟังก์ชั่นที่ว่าก็คือ function number_format นั่นเองครับ รูปแบบการใช้งานฟังก์ชั่นก็ไม่มีอะไรยุ่งยากครับ ตามนี้เลย number_format ( ตัวเลข[, หลักทศนิยม[, เครื่องหมายทศนิยม, เครื่องหมายหลักพัน]] ); <?php   $number = 123456.02; echo number_format( $number )."<br />";  //123,456 // หากไม่ต้องการจุดทศนิยม หรือต้องการตัดจุดทศนิยมออก ก็ไม่ต้องใส่เงื่อนไขใด ๆ ฟังก์ชั่นจะทำการเพิ่ม หรือ ใส่เครื่องหมายคอมม่าให้เอง echo number_format( $number , 2 )."<br />";  //123,456.02 // อันนี้กรณีต้องการจุดทศนิยม 2 ตำแหน่ง echo number_format($number,3, '.', ',
อ่านเพิ่มเติม