ทริปการใช้งาน โปรแกรม Sublime Text 3 (ซับไลม์ แท็ก)

[moomai]

ก่อนอื่นเรามารู้จักกับ โปรแกรม Sublime Text (ซับไลม์ แท็ก) กัน
โปรแกรม Sublime Text (ซับไลม์ แท็ก) เป็นหนึ่งในโปรแกรมยอดนิยมของ Text Editors (แท็ก อิดิเตอร์) ที่ใช้เขียนโค้ดโปรแกรมต่างๆ สามารถรองรับได้หลายภาษา เช่น php (พีเอชพี), html (เอชที่เอ็มแอล), c++ (ซีพลัสพลัส), c# (ซีชาป), javascript (จาวาสคิป), python (ไพทอน) และอื่นๆ

ทริปการใช้ โปรแกรม Sublime Text 3 (ซับไลม์ แท็ก) ให้สะดวกรวดเร็วและง่ายขึ้นก็คือ การติดตั้ง Package (แพ็กเกต) ส่วนเสริมช่วยให้การทำงานของ โปรแกรม Sublime Text 3 (ซับไลม์ แท็ก) ใช้ได้ง่ายขึ้นนั้นเอง
วิธีติดตั้ง Package (แพ็กเกต) ทำได้ง่ายๆ ดังนี้
1.เปิดตัวโปรแกรม Sublime Text 3 (ซับไลม์ แท็ก) ขึ้นมา จากนั้นให้ไปคลิกที่ View (วิว) บนแถบของโปรแกรม แล้วเลือก Show Console (โชว์คอนโซล)

02.png (20.26 KiB) Viewed 4034 times

2.เมื่อเราคลิก Show Console (โชว์คอนโซล) แล้วให้เราคัดลอกโค้ดด้านล่าง

โค้ด: เลือกทั้งหมด

import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

สำหรับโปรแกรม Sublime text อื่นๆ สามารถคัดลอกโค้ดไดที่ https://packagecontrol.io/installation#st3

3.เมื่อเราคัดลอกโค้ดมาแล้วให้เรามาว่าง ในคอนโซลที่โชว์ แล้วกด Enter (เอ็นเทอร์)

01.PNG (21.9 KiB) Viewed 4034 times

4.เมื่อกด Enter (เอ็นเทอร์) แล้ว ให้รอทำการติดตั้งสักครู่ เมื่อติดตั้งเสร็จแล้วให้เราปิดโปรแกรม แล้วเปิดใหม่ ก็เสร็จเรียบร้อย

2.png (2.54 KiB) Viewed 4034 times

5. จากนั้นให้เรากดคีย์บอร์ด Shift + ctrl + P (ชิป + คอนโทร + พี) พร้อมกัน เมื่อมันแสดงกล่องข้อความให้เรา พิมพ์ Emmet (เอแมท) แล้วกด Enter (เอ็นเทอร์) แล้วรอโปรแกรมทำการติดตั้งสักครู่

11.png (28.04 KiB) Viewed 4034 times

6.เมื่อทำการติดตั้งเสร็จให้ปิดโปรแกรมแล้วเปิดใหหม่เราก้จะใช้งาน โปรแกรม Sublime Text ได้ง่ายขึ้น ตัวอย่างเช่น หากเราต้องการเขียนโค้ด HTML เราก็แค่เปิดไฟล์พิมพ์ เครื่องหมาย ! จากนั้นก็กด Tab (แทป) ที่คีย์บอร์ด เราก้จะได้โค้ด HTML (เอชที่เอ็มแอล)

3.PNG (691 ไบต์) Viewed 4034 times

4.PNG (5.61 KiB) Viewed 4034 times

ทริปเล็กๆน้อยที่ช่วยลดเวลาการพิมพ์โค้ดของเราได้เยอะเรยที่เดียว