จัดหน้าจอเพื่อ coding

ขอแชร์การจัด ระเบียบหน้าต่างเพื่อเขียน web application ของตัวเองนะครับ

  1. web browser ใช้ Chrome เพื่อเปิดเอกสารอ้างอิง : ตัวอย่างในที่นี้มี tab ภายในที่เป็น youtube , sourcecode , github ( เอาไว้ลอก :P )
  2. IDE : ในที่นี้ใช้ VS Code อยู่จัดไว้ที่ตำแหน่งขวาบน คือตั้งใจว่าสามารถเปรียบเทียบซ้ายขวากับเอกสารอ้างอิงได้
  3. web browser ใช้ Chrome
    3.1 เอาดู output ในระหว่างที่มีการแก้ไข บางทีเรา Save ก็เห็นผล update เลย ตัวอย่างนี้เรียกไปที่ 127.0.0.1:8000 เป็น local host และ ตามที่เห็น มี error ที่บอกรายละเอียดด้วย :P ( อันนี้จากระหว่างเรียนเขียน django )
    3.2 ใช้ chrome เป็น inspect code ได้ คลิกขวาแล้ว inspect เดียวมาเพิ่มเติมภายหลัง
  4. Terminal/Command Promptในที่นี้ใช้ iterm2 : สำหรับ run command เช่น start , stop server , migrate database ต่างๆและในขณะที่ run หรือ debug จะได้เห็น event ต่างที่ที่วิ่งระว่าง process ด้วย
    จริงๆจะให้ดีอยู่ในหน้าต่าง Terminal ของ VS Code ได้เลย แต่ตอนนี้ยังไม่ได้ set virtual envirionment สำหรับ django เลยขอใช้ จาก iterm2 ไปก่อน และอยากแนะนำอีกนิดสำหรับ item2 ให้ปรับแต่งค่าสีด้วย ZHS ด้วย เดี๋ยวจะมาเขียนวิธีปรับแต่งอีกทีครับ

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

//yordja

music, computer, photo and girl

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store