tools - Editor คู่ใจของผมคือ Sublime Text !!

|


ฮะๆ เขียนชื่อหัวข้อเวอร์มะ

สวัสดีครับ วันนี้ไม่รู้จะเขียนบทความอะไรว่างมากมายๆ ก็เลยมาเขียนเรื่อง editor พอดีช่วงนี้ทำงานเขียนแต่เว็บก็เลยสรรหาเครื่องที่ทำให้ชีวิตดีขึ้นก็ลองอยู่ไม่กี่ตัวหรอกครับ ฮะๆ แต่ก็เจอเห็นคนเค้าชอบใช้กันเลยลองเอาบ้างมาลองๆ ก็เลยมาเขียนรีวิวว่า มันทำอะไรได้บ้างและเค้าลงปลั๊กอินเสริมอะไรกันบ้างกับ sublime text

Sublime Text รองรับทั้ง Window และ Mac เลยนะครับในวันนี้ผมจะขออนุญาติรีวิวในส่วนของ Mac นะครับ รองรับการเขียนหลากหลายภาษามากไม่ว่าจะเป็น html,ruby,python บลาๆๆ

ครับมาเริ่มกันเลยก่อนอื่นต้องบอกก่อนว่า Sublime Text นั้นไม่ฟรีนะครับราคาอยู่ที่ $70 (ใครใจดีซื้อให้เราหน่อย Y,Y) แต่เดียวก่อน ท่านสามารถโหลดตัวฟรีมาใช้ได้ซึ่งเป็น Sublime3 อยู่ในขั้นพัฒนา ซึ่งเค้าเปิดให้เราได้ทดลองใช้กันฟรีๆครับลุยอย่ารอช้าตามเข้าเว็บไปโหลดกันได้เล้ย

วิธีลงก็ง่ายๆเลยครับลากเข้าไปวางใน Applcations เป็นอันลงเสร็จ

Screen Shot 2556-10-18 at 9.49.01 PM

จากนั้นอย่ารีรอครับ เปิดโปรแกรมให้ไวเลยครับ

Screen Shot 2556-10-18 at 9.53.00 PM

ก็อยากจะอธิบายคร่าวๆจากรูปภาพนะครับแบ่งเป็นส่วนๆจากฝั่งซ้ายเลยนะครับก็คือ File & Folders ต่างๆของเราครับ ด้านบนก็จะ Tab ไฟล์ที่เราเปิดแก้ไขอยู่ ส่วนด้านขวาคือ Mini Map ในส่วนนี้สามารถตั้งเปิดปิดนะครับ Sublime Text สามารถสั่งโปรแกรมที่เขียนได้ด้วยนะครับสังเกตเมนูด้านบน

Screen Shot 2556-10-18 at 9.56.22 PM

ซึ่งในส่วนนี้เราสามารถแอดเพิ่มได้นะครับว่าจะรันอะไร ถ้าหากจะรัน nodejs ให้เรา New Build System แล้วก็ก็อบอันนี้ไปวางและเซฟไฟล์เอานะครับ (ไปค้นๆมาเจอ ตามไป Say Thank You กันได้นะครับที่ลิ้งนี้)

โอเคทีนี้ก็เขียน รัน อะไรก็น่าจะได้ในระดับนึงแล้วนะครับ เรามาเริ่มลง plugin กันเถอะหึหึหึแล้วชีวิตน่าจะดีขึ้นเยอะครับ
โดยพวกนี้จะมีตัวจัดการชื่อ Package Control เราต้องลงตัวนี้ก่อนนะครับ วิธีลงก็กด Ctrl + ~ แล้ว copy คำสั่ง python ไปรันครับ ทีนี้ก็จะมีโฟลเดอร์กำเนิดขึ้นมาอย่างที่เค้าว่า

Screen Shot 2556-10-18 at 9.37.11 PM

โอเคทีนี้เราก็มาเริ่มลง Plugin กันเลย จริงๆมันมีเยอะอยู่เหมือนกันนะแต่ผมก็ไปค้นมาอีกแหละว่าเค้าฮิตๆอะไรกันบ้างเลยมานั่งลงตาม ซึ่งบางตัวก็ไม่รองรับ Sublime3 Y,Y เศร้าแต่อันที่เดียวๆก็จะมี

HTML Snippet

ซึ่งมันเจ๋งยังไงตามเข้าไปอ่านกันได้คร่าวที่แบบเท่ๆก็มี พิม doctype แล้วก็กด tab ปั้ปปปปป เท่านั้นละ!! กำเนิดดังรูปเลยครับ มาเป็นชุดเลยยยดูดิ แต่จริงๆมีอีกหลายคำสั่งเลยนะครับตามไปดูกันได้ ย่อให้เยอะมาก ช่วยให้ชีวิตสบายขึ้นเยอะเลยครับ

Screen Shot 2556-10-18 at 9.37.51 PM

Screen Shot 2556-10-18 at 10.05.27 PM

**จริงๆเราสามารถ เขียน snippet ใช้เองก็ได้เหมือนกันนะครับลองศึกษาจากไฟล์ตัวอย่างของ เค้าที่เราโหลดมาแก้ไขเองก็ได้ครับ

แล้วก็ JS Prettify (อันนี้ไม่แน่ใจไปลงอะไรแล้วติดมาอะ – -” ลองๆไปค้นๆกันดูนะครับ ลงมั่วไปเยอะมาก ขอโทษจริงๆครับ ) ซึ่งตัวนี้จะช่วยจัดเรียงโค้ดให้เราอย่างสวยงามลองชมตัวอย่างกันนะครับ

Before จะเห็นว่าโค้ดเกะกะมากๆ – -”
Screen Shot 2556-10-18 at 10.11.59 PM

แล้วพอคลิกขวาเลือก JS Prettify เท่านั้นละ

Screen Shot 2556-10-18 at 10.12.07 PM

โค้ดก็จะถูกจัดเรียงอย่างเป็นระเบียบบบตามรูปเลย โอ้แจ่มแจ๋วจริงๆๆๆๆๆ เอิ้กๆ

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

ฮะๆในส่วนของ Editor Sublime Text ก็คงจะขอจบแต่เพียงเท่านี้ละครับ หากใคร Plugin อะไรเจ๋งๆก็มาแนะนำกันบ้างนะครับ ขอบคุณที่ติดตามแล้วพบกันใหม่บทความหน้านะครับ บายๆ

Share Button

Comments

comments