เว็บบอร์ด PHP เว็บส่งเสริมการเรียนรู้ Hosting CRM ERP Server Programming ถาม-ตอบปัญหา

โพสต์แล้ว: **01/02/2017 5:11 pm**

คีย์ลัด การใช้ Bootstrap 3 Snippets (บูทแสป สนิปเป็ท) ใน Sublimte Text 3 (ซับไลม์ แท็ก)
Sublimte Text 3 (ซับไลม์ แท็ก) เป็นโปรแกรม Text Editor (อิดิเตอร์) ที่ใช้ในการเขียนโปรแกรม เว็บไซต์ อย่างหนึ่ง เราสามารถเพิ่มความรวดเร็วในการเขียนโปรแกรมง่ายๆด้วยการใช้คีย์ลัด

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

: Screenshot (71).png (62.73 KiB) Viewed 888 times

2.เมื่อทำการติดตั้งเสร็จแล้วให้เราพิมพ์ Bootstrap 3 Snippets (บูทแสป 3 สนิปเป็ท) ลงในกล่องข้อความแล้วกดเอ็นเทอร์ รอติดตั้งสักครู่

: 3.png (60.47 KiB) Viewed 888 times

3.เมื่อเราทำการติดตั้งเสร็จแล้ว ก็มาเริ่มใช้ครีย์ลัดกันเลย โดยให้เราพิมพ์ bs3-template:html5 แล้วกด Tab (แท็ป) ที่คีย์บอร์ด

: 2.png (16.46 KiB) Viewed 888 times

4.หลังจากกด Tab (แท็ป) แล้วเราก็จะได้โค้ด

: 4.png (45.88 KiB) Viewed 888 times

5.จากนั้นเราก็ลบแบบด้านล่างออก

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

<h1 class="text-center">Hello World</h1>

6.เมื่อลบออกแล้วให้พิมพ์ bs3-navbar แล้วกดแท็ปที่คีย์บอร์ด

: 7.png (19.74 KiB) Viewed 888 times

7.เมื่อกดแท็ปแล้วก็จะได้โค้ด ให้เราบันทึกไฟล์แล้วลองรันดู

: 8.png (41.88 KiB) Viewed 888 times

8.เมื่อเรารันดูก็จะได้ตามนี้ โดยไท้ต้องพิมพ์โค้ดจำนวนมากๆเอง ใช้คีย์ลัดง่ายๆ

: 6.png (21.77 KiB) Viewed 888 times