Tuesday, May 5, 2015

ติดตั้ง และ เตรียม sublime text 2

Sublime Text คือ Editor Tool สำหรับการเขียนโค้ดที่นิยมกันตัวนึง สามารถดาวน์โหลดได้ที่ http://www.sublimetext.com

หมายเหตุ : จะต้องติดตั้ง Git และ NodeJS ไว้ก่อนแล้ว

ให้ทำการดาวน์โหลด และติดตั้ง ขณะนี้เวอร์ชันที่เสถียรคือ เวอร์ชัน 2 

เมื่อติดตั้งเรียบร้อยแล้ว ต่อมาคือการติดตั้ง Package Control โดยไปยัง https://packagecontrol.io/installation 

ให้ เลือก Tab "SUBLIME TEXT 2" (แต่หากติดตั้งเเวอร์ชัน 3 ก็ให้เลือก Tab "SUBLIME TEXT 3")

ให้ copy โค้ด ตั้งแต่ "import urllib2,os ... Text to finish installation" ไปจนจบเก็บเอาไว้

เปิด Sublime Text ขึ้นมา ไปยัง เมนู "View" และ "Show Console"
จากนั้นวาง โค้ดที่ copy เอาไว้ลงไปตามรูป แล้วกด enter

จากนั้นกด ⇧⌘P (command+shift+P) และพิมพ์ว่า "Install Package" แล้วกด enter

พิมพ์ Package ที่ต้องการติดตั้ง เช่น Dayle Rees Color Schemes แล้วกด enter

  • Dayle Rees Color Schemes   :  สำหรับเปลี่ยน Color Schemes ของ Sublime Text
  • BraketHighighter : สำหรับช่วยบอก บล็อคของโค้ด เช่น ตำแหน่ง tag เปิดปิด ของ ที่ cursor เราชี้อยู่ เป็นต้น
  • SublimeCodeIntel  : สำหรับ intellisence โค้ด html, javascript, PHP เป็นต้น (ชอบมาก) อีกทั้งยังทำให้เรากด control+click เพื่อไปยัง definition ได้ด้วย



  • SublimeLinter  :  สำหรับช่วยบอกว่าโค้ดเราเขียนผิด
  • HTML-CSS-JS Prettify : สำหรับช่วยจัดโค้ดให้เรียบร้อยด้วยการคลิก ⇧H (control+command+H)
  • Emmet  : เป็น code snippet ให้เราเขียนโค้ดได้ง่ายขึ้น
  • jQuery  :  ช่วยเขียนโค้ด jQuery


No comments: