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

sublime-tip

เนื่องจากผลตอบรับดีมากๆหลายๆคนก็แชร์อะไรดีๆผมจึงเขียนรวบรวมเพิ่มเติมสำหรับเจ้าตัว sublime text และเอามาแชร์ต่อกันเลยหากถูกใจก็ช่วยๆกันแชร์ไปให้พี่น้องชาว Dev ในเมืองไทยกันด้วยนะครับ

Live Reload

อันนี้หลายๆคนทำเว็บน่าจะชอบเพราะว่าเวลาแก้ไขหน้า page แล้วต้องการดูผลลัพธ์เราต้องสลับไปหน้าจอ Browser และทำการกด Refresh 1 ครั้งต่อการทำงานหนึ่งนี้ แต่ตัว Package ตัวนี้จะมาช่วยเราแก้ไขปัญหานั้นกันครับมาดูดีกว่าว่าลงอย่างไร

  1. เปิดหน้าต่าง command palette ขึ้นมา ( Command + Shift + p )
  2. พิมพ์ว่า ‘install’ enter หนึ่งครั้ง
  3. รอมันให้ถามว่าเราจะ install อะไรก็พิมพ์ว่า ‘livereload’ กด enter
  4. เมื่อลงเสร็จทำการ restart sublime 1 ครั้ง

ขั้นตอนไปเราก็ต้องไปลงตัวเสริมสำหรับทำให้เจ้า Browser ของเรารู้ด้วยว่ามีการกด save จากตัว sublime แล้วนะโดยแต่ละตัวผมลองแค่ chrome กับ firefox ซึ่งพักหลังๆผมจะไปใช้ firefox มากกว่าหากใครติดปัญหาลอง comment ไว้ด้านล่างนะครับแล้วจะพยายามหาวิธีการแก้ไขให้ เอาล่ะไปลง Extentsion กันดีกว่า

ถ้าทำเสร็จแล้วเมื่อเราทำการเปิดไฟล์สำหรับการแก้ไข และคลิกขวาเลือกว่า “Open in Browser” หากทุกอย่างไม่มีปัญหาเราจะเห็น icon และหากเราเอา mouse ไปวางขึ้นบน icon แล้วขึ้นว่า

“Enable LiveReload” แปลว่ามันยังไม่ได้ทำงานนะครับ ต้องขึ้นว่า “LiveReload is connected , click to disable” ถึงจะได้นะครับ

Quick Column View

สำหรับบางคนนั้นชอบใช้มุมมองแบบหลายๆไฟล์ column view นั้นเองเราสามารถกดได้แบบเร็วโดยการกด Command + alt + 2 ( ก็จะเป็น 2 column ) แหละหากกดเลขเท่าไรก็แบ่งเท่านั้นสูงสุด 4 หากอยากกลับเป็นเหมือนเดิมก็กดเลข 1 ครับ

 

ถ้าคุณชอบบทความในเว็บนี้ และอยากสนับสนุนเรา เพียงแค่คุณสมัครรับข่าวสารด้านล่างจะได้รับสิทธิ์พิเศษก่อนใคร เราสัญญาว่าจะส่งบทความที่เป็นประโยชน์ต่อคุณอย่างแน่นอนครับ

Loading

Leave a Reply

Your email address will not be published. Required fields are marked *

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

Message us

เราใช้คุกกี้เพื่อพัฒนาประสิทธิภาพ และประสบการณ์ที่ดีในการใช้เว็บไซต์ของคุณ คุณสามารถศึกษารายละเอียดได้ที่ นโยบายความเป็นส่วนตัว และสามารถจัดการความเป็นส่วนตัวเองได้ของคุณได้เองโดยคลิกที่ ตั้งค่า

Privacy Preferences

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็น

ปฎิเสธทั้งหมด
Manage Consent Preferences
  • คุกกี้ที่จำเป็น
    Always Active

    ประเภทของคุกกี้มีความจำเป็นสำหรับการทำงานของเว็บไซต์ เพื่อให้คุณสามารถใช้ได้อย่างเป็นปกติ และเข้าชมเว็บไซต์ คุณไม่สามารถปิดการทำงานของคุกกี้นี้ในระบบเว็บไซต์ของเราได้

  • คุกกี้ที่จำเป็น

    คุกกี้มีความจำเป็นสำหรับการทำงานของเว็บไซต์ เพื่อให้คุณสามารถใช้ได้อย่างเป็นปกติ และเข้าชมเว็บไซต์ คุณไม่สามารถปิดการทำงานของคุกกี้นี้ในระบบเว็บไซต์ของเราได้

บันทึก