เขียนโปรแกรมใน Sublime text (ซับไลม์เท็ก) ง่ายขึ้นด้วย Tab (แท็ป) เพียงติดตั้ง Package (เพ็คเก็จ)

Microsoft Office Knowledge Word, Excel, powerpoint, line , โปรแกรมเสริมต่างๆ

Moderator: mindphp, ผู้ดูแลกระดาน

ภาพประจำตัวสมาชิก
moomai
PHP Super Hero Member
PHP Super Hero Member
โพสต์: 680
ลงทะเบียนเมื่อ: 07/12/2016 10:54 am

เขียนโปรแกรมใน Sublime text (ซับไลม์เท็ก) ง่ายขึ้นด้วย Tab (แท็ป) เพียงติดตั้ง Package (เพ็คเก็จ)

โพสต์โดย moomai » 08/02/2017 12:08 pm

เขียนโปรแกรมใน Sublime text (ซับไลม์เท็ก) ง่ายขึ้นด้วย Tab (แท็ป) เพียงติดตั้ง Package (เพ็คเก็จ)
ในการเขียนโปรแกรมไม่ว่าจะเป็นภาษา PHP (พีเอชพี), HTML (เอชทีเอ็มแอล), หรือภาษาอื่นก็ตาม เชื่อว่าหลายๆคนก็ต้องการเครื่องมือหรือคีย์ลัดในการเพิ่มความรวดเร็วในการเขียนโปรแกรมกันทั้งนั้น
ซึ่งใน Editor (อิดิเตอร์) ที่มีชื่อว่า Sublime Text (ซับไลม์เท็ก) สามารถช่วยคุณได้เพียงใช้ Tab (แท็ป) แค่เราติดตั้งส่วนเสริมที่ชื่อ Package (เพ็คเก็จ)
วิธีติดตั้ง Package (แพ็กเกต) ทำได้ง่ายๆ ดังนี้
1.เปิดตัวโปรแกรม Sublime Text 3 (ซับไลม์ แท็ก) ขึ้นมา จากนั้นให้ไปคลิกที่ View (วิว) บนแถบของโปรแกรม แล้วเลือก Show Console (โชว์คอนโซล)
02.png
02.png (28.31 KiB) เปิดดู 314 ครั้ง

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
01.png (36.44 KiB) เปิดดู 314 ครั้ง

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

5.ให้เราเปิดโปรแกรม Sublimte Text 3 (วับไลม์ แท็ก) ขึ้นมาแล้วเปิดไฟล์ จากนั้นเราต้องทำการติดตั้ง package (แพคเก็จ) ก่อน โดยกดคีย์บรอดแป้นพิมพ์ Shift+Ctrl+P (ชิป+คอนโทล+พี) พร้อมกัน แล้วพิมพ์ Package Control: Install Package แล้วกด Enter (เอ็นเทอร์) แล้วรอโปรแรกมทำการติดตั้งสักครู่
Screenshot (71).png
Screenshot (71).png (62.73 KiB) เปิดดู 314 ครั้ง

เมื่อติดตั้ง Package (เพ็คเก็จ) เสร็จแล้วเราก็มาลองเริ่มใช้ Tab (แท็ป) ในการเพิ่มความเร็วกันเลย
เริ่มจากเราเปิดโปรแกรมแล้วก็เซฟไฟล์จากนั้น เราพิมพ์เครื่องหมาย ! แล้วก็กด Tab (แท็ป) โค้ด HTML (เอชที่เอ็มแอล) ก็จะปรากฏขึ้น
9.png
9.png (27.1 KiB) เปิดดู 314 ครั้ง

เมื่อเราพิมพ์ div+ul แล้วก็กด Tab (แท็ป)
01.png
01.png (61.6 KiB) เปิดดู 314 ครั้ง

ก็จะได้
02.png
02.png (67.5 KiB) เปิดดู 314 ครั้ง

หรือเมื่อเราพิมพ์ div>ul>li>a แล้วก็กด Tab (แท็ป)
1.png
1.png (64.23 KiB) เปิดดู 314 ครั้ง

ก็จะได้
2.png
2.png (75.67 KiB) เปิดดู 314 ครั้ง

หรือเราต้องการโค้ดที่เหมือนๆกันเยอะก็ทำได้ เช่น เมื่อเราพิมพ์ div*3
a1.png
a1.png (60.35 KiB) เปิดดู 314 ครั้ง

ก็จะได้
a2.png
a2.png (67.64 KiB) เปิดดู 314 ครั้ง

หรือ พิมพ์ ul>li*5 แล้วก็กด Tab (แท็ป)
b1.png
b1.png (72.18 KiB) เปิดดู 314 ครั้ง

ก็จะได้
b2.png
b2.png (78.92 KiB) เปิดดู 314 ครั้ง

นอกจากตัวอย่างที่มาแสดงให้ดูยังมีอีกมากมายลองโหลดมาใช้กันนะ ^^
The truth is not as elegant as the idea.

ย้อนกลับไปยัง

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: 7 และ บุคคลทั่วไป 0 ท่าน