Skip to toolbar

[ Tip ] Sublime Text ตอนที่ 1

sublime-tip

เนื่องจากผมได้รับเมลจาก Sublime text เกี่ยวกับพวก package ดีๆน่าใช้และคิดว่าหลายๆคนน่าจะอยากได้เลยมารีวิวและใช้เองด้วย จึงเกิด section นี้ขึ้นมาครับ กะจะเขียนสั้นๆแหละ ถ้าชอบอย่าลืมบอกต่อนะครับ :)

Jump to Matching Bracket

ตัว package แรกเราไปดูเกี่ยวกับการกระโดดไปยังตัวพวก วงเล็บต่างๆ เช่น [], (), {}, "", '', #!xml <tag></tag> หรือแม้แต่พวก Tag ที่เรากำหนดใหม่ๆเอง

brackethilight

Feature List

  • ทำการเปลี่ยนสีพวกวงเล็บให้เห็นชัดเจน
  • มีโหมดให้มองเห็นชัดๆ สำหรับพวกวงเล็บ
  • รองรับ Multi Select
  • ปรับเปลี่ยน icon ในแสดงได้

จริงๆมีเยอะกว่านี้แต่เอาไปลองกันแล้วกัน ส่วนตัวลองไปนิดหน่อยถือว่าฉลาดพอได้อยู่วิธี install ก็สามารถหาอ่านได้ที่นี่ครับ

http://facelessuser.github.io/BracketHighlighter/

ส่วนใครอยากลองว่าทำได้บ้างแล้วหลังจาก install แล้วให้ทำการ Restart ครับแล้วเข้าไปตามเมนูด้านภาพข้างล่างครับ

brackethilight
brackethilight

ลบบรรทัดอย่างรวดเร็ว

หลายๆครั้งเราต้องการจะลบบรรทัดที่ไม่ต้องการอย่างรวดเร็วให้เราทำการกด command + k + k ครับถ้าเป็น window ก็กด control ครับก็สามารถลบได้อย่างรวดเร็วครับอันนี้ผมลองแหละ น่าจะได้ใช้บ่อยครับ

Theme Brogrammer

อันนี้ชอบส่วน Theme นี้ครับมองเห็นชัดดี หากใครชอบก็ลอง install ครับวิธีก็ง่ายๆมาก

  1. กด command + shift + p ขึ้นมาหากใครยังไม่มีก็ลง package install ก่อนนนะครับ
  2. พิมพ์ว่า ‘install’ แล้วกด enter รอสักพักจะมีให้พิมพ์ต่อ
  3. ใส่คำว่า ‘Theme – Brogrammer’ กด enter ครับเมื่อลงเสร็จมันยังไม่เปลี่ยนทันที

เสร็จแล้วก็เข้าไปเปิดใช้งานตามภาพด้านล่างเลยครับ

Theme - Brogrammer
Theme – Brogrammer

จัดรูปแบบของ Javascript ให้สวยงาม ( JSFormat )

หลายครั้งๆที่การเว้นวรรคของ sublime ทำให้เราต้องมานั่งกดเว้นวรรคเอง หรืออยากจัด format ให้ดูสวยงามเข้าใจง่าย

jsformat before
jsformat before

ภาพด้านบนก่อนเราจะกด ( control + alt + f ) เราก็จะได้รูปแบบที่สวยงามดังภาพข้างล่างครับ หากใครกดแล้วไม่ติดให้เปลี่ยนภาษาก่อนนะครับ

JSFormat after
JSFormat after

หากชอบหรือติดปัญหาอะไรสามารถถามได้ใน comment ได้เลยครับ admin จะรีบมาตอบทันทีครับ


Deprecated: Theme without comments.php is deprecated since version 3.0.0 with no alternative available. Please include a comments.php template in your theme. in /home/zp1291/domains/oxygenyoyo.com/public_html/wp-includes/functions.php on line 4913

ฝากข้อคิดเห็น

This site uses Akismet to reduce spam. Learn how your comment data is processed.