เขียนโปรแกรมใน Sublime text (ซับไลม์เท็ก) ง่ายขึ้นด้วย Tab (แท็ป) เพียงติดตั้ง Package (เพ็คเก็จ)
ในการเขียนโปรแกรมไม่ว่าจะเป็นภาษา PHP (พีเอชพี), HTML (เอชทีเอ็มแอล), หรือภาษาอื่นก็ตาม เชื่อว่าหลายๆคนก็ต้องการเครื่องมือหรือคีย์ลัดในการเพิ่มความรวดเร็วในการเขียนโปรแกรมกันทั้งนั้น
ซึ่งใน Editor (อิดิเตอร์) ที่มีชื่อว่า Sublime Text (ซับไลม์เท็ก) สามารถช่วยคุณได้เพียงใช้ Tab (แท็ป) แค่เราติดตั้งส่วนเสริมที่ชื่อ Package (เพ็คเก็จ)
วิธีติดตั้ง Package (แพ็กเกต) ทำได้ง่ายๆ ดังนี้
1.เปิดตัวโปรแกรม Sublime Text 3 (ซับไลม์ แท็ก) ขึ้นมา จากนั้นให้ไปคลิกที่ View (วิว) บนแถบของโปรแกรม แล้วเลือก Show Console (โชว์คอนโซล)
- 02.png (28.31 KiB) Viewed 2070 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 (36.44 KiB) Viewed 2070 times
4.เมื่อกด Enter (เอ็นเทอร์) แล้ว ให้รอทำการติดตั้งสักครู่ เมื่อติดตั้งเสร็จแล้วให้เราปิดโปรแกรม แล้วเปิดใหม่ ก็เสร็จเรียบร้อย
- 2.png (12.15 KiB) Viewed 2070 times
5.ให้เราเปิดโปรแกรม Sublimte Text 3 (วับไลม์ แท็ก) ขึ้นมาแล้วเปิดไฟล์ จากนั้นเราต้องทำการติดตั้ง package (แพคเก็จ) ก่อน โดยกดคีย์บรอดแป้นพิมพ์ Shift+Ctrl+P (ชิป+คอนโทล+พี) พร้อมกัน แล้วพิมพ์ Package Control: Install Package แล้วกด Enter (เอ็นเทอร์) แล้วรอโปรแรกมทำการติดตั้งสักครู่
- Screenshot (71).png (62.73 KiB) Viewed 2070 times
เมื่อติดตั้ง Package (เพ็คเก็จ) เสร็จแล้วเราก็มาลองเริ่มใช้ Tab (แท็ป) ในการเพิ่มความเร็วกันเลย
เริ่มจากเราเปิดโปรแกรมแล้วก็เซฟไฟล์จากนั้น เราพิมพ์เครื่องหมาย ! แล้วก็กด Tab (แท็ป) โค้ด HTML (เอชที่เอ็มแอล) ก็จะปรากฏขึ้น
- 9.png (27.1 KiB) Viewed 2070 times
เมื่อเราพิมพ์ div+ul แล้วก็กด Tab (แท็ป)
- 01.png (61.6 KiB) Viewed 2070 times
ก็จะได้
- 02.png (67.5 KiB) Viewed 2070 times
หรือเมื่อเราพิมพ์ div>ul>li>a แล้วก็กด Tab (แท็ป)
- 1.png (64.23 KiB) Viewed 2070 times
ก็จะได้
- 2.png (75.67 KiB) Viewed 2070 times
หรือเราต้องการโค้ดที่เหมือนๆกันเยอะก็ทำได้ เช่น เมื่อเราพิมพ์ div*3
- a1.png (60.35 KiB) Viewed 2070 times
ก็จะได้
- a2.png (67.64 KiB) Viewed 2070 times
หรือ พิมพ์ ul>li*5 แล้วก็กด Tab (แท็ป)
- b1.png (72.18 KiB) Viewed 2070 times
ก็จะได้
- b2.png (78.92 KiB) Viewed 2070 times
นอกจากตัวอย่างที่มาแสดงให้ดูยังมีอีกมากมายลองโหลดมาใช้กันนะ ^^
เขียนโปรแกรมใน Sublime text (ซับไลม์เท็ก) ง่ายขึ้นด้วย Tab (แท็ป) เพียงติดตั้ง Package (เพ็คเก็จ)
ในการเขียนโปรแกรมไม่ว่าจะเป็นภาษา PHP (พีเอชพี), HTML (เอชทีเอ็มแอล), หรือภาษาอื่นก็ตาม เชื่อว่าหลายๆคนก็ต้องการเครื่องมือหรือคีย์ลัดในการเพิ่มความรวดเร็วในการเขียนโปรแกรมกันทั้งนั้น
ซึ่งใน Editor (อิดิเตอร์) ที่มีชื่อว่า Sublime Text (ซับไลม์เท็ก) สามารถช่วยคุณได้เพียงใช้ Tab (แท็ป) แค่เราติดตั้งส่วนเสริมที่ชื่อ Package (เพ็คเก็จ)
วิธีติดตั้ง Package (แพ็กเกต) ทำได้ง่ายๆ ดังนี้
1.เปิดตัวโปรแกรม Sublime Text 3 (ซับไลม์ แท็ก) ขึ้นมา จากนั้นให้ไปคลิกที่ View (วิว) บนแถบของโปรแกรม แล้วเลือก Show Console (โชว์คอนโซล)
[attachment=12]02.png[/attachment]
2.เมื่อเราคลิก Show Console (โชว์คอนโซล) แล้วให้เราคัดลอกโค้ดด้านล่าง
[code]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) [/code]
สำหรับโปรแกรม Sublime text อื่นๆ สามารถคัดลอกโค้ดไดที่ [url]https://packagecontrol.io/installation#st3[/url]
3.เมื่อเราคัดลอกโค้ดมาแล้วให้เรามาว่าง ในคอนโซลที่โชว์ แล้วกด Enter (เอ็นเทอร์)
[attachment=11]01.png[/attachment]
4.เมื่อกด Enter (เอ็นเทอร์) แล้ว ให้รอทำการติดตั้งสักครู่ เมื่อติดตั้งเสร็จแล้วให้เราปิดโปรแกรม แล้วเปิดใหม่ ก็เสร็จเรียบร้อย
[attachment=10]2.png[/attachment]
5.ให้เราเปิดโปรแกรม Sublimte Text 3 (วับไลม์ แท็ก) ขึ้นมาแล้วเปิดไฟล์ จากนั้นเราต้องทำการติดตั้ง package (แพคเก็จ) ก่อน โดยกดคีย์บรอดแป้นพิมพ์ Shift+Ctrl+P (ชิป+คอนโทล+พี) พร้อมกัน แล้วพิมพ์ Package Control: Install Package แล้วกด Enter (เอ็นเทอร์) แล้วรอโปรแรกมทำการติดตั้งสักครู่
[attachment=9]Screenshot (71).png[/attachment]
เมื่อติดตั้ง Package (เพ็คเก็จ) เสร็จแล้วเราก็มาลองเริ่มใช้ Tab (แท็ป) ในการเพิ่มความเร็วกันเลย
เริ่มจากเราเปิดโปรแกรมแล้วก็เซฟไฟล์จากนั้น เราพิมพ์เครื่องหมาย ! แล้วก็กด Tab (แท็ป) โค้ด HTML (เอชที่เอ็มแอล) ก็จะปรากฏขึ้น
[attachment=8]9.png[/attachment]
เมื่อเราพิมพ์ div+ul แล้วก็กด Tab (แท็ป)
[attachment=7]01.png[/attachment]
ก็จะได้
[attachment=6]02.png[/attachment]
หรือเมื่อเราพิมพ์ div>ul>li>a แล้วก็กด Tab (แท็ป)
[attachment=5]1.png[/attachment]
ก็จะได้
[attachment=4]2.png[/attachment]
หรือเราต้องการโค้ดที่เหมือนๆกันเยอะก็ทำได้ เช่น เมื่อเราพิมพ์ div*3
[attachment=3]a1.png[/attachment]
ก็จะได้
[attachment=2]a2.png[/attachment]
หรือ พิมพ์ ul>li*5 แล้วก็กด Tab (แท็ป)
[attachment=1]b1.png[/attachment]
ก็จะได้
[attachment=0]b2.png[/attachment]
นอกจากตัวอย่างที่มาแสดงให้ดูยังมีอีกมากมายลองโหลดมาใช้กันนะ ^^