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

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 3 (ซับไลม์ แท็ก)

โพสต์โดย moomai » 19/01/2017 3:37 pm

ก่อนอื่นเรามารู้จักกับ โปรแกรม 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
02.png (20.26 KiB) เปิดดู 473 ครั้ง

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 (21.9 KiB) เปิดดู 473 ครั้ง


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


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


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

4.PNG
4.PNG (5.61 KiB) เปิดดู 473 ครั้ง


ทริปเล็กๆน้อยที่ช่วยลดเวลาการพิมพ์โค้ดของเราได้เยอะเรยที่เดียว
แนบไฟล์
1.png
1.png (9.7 KiB) เปิดดู 473 ครั้ง
The truth is not as elegant as the idea.

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

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

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