เปลี่ยนตำแหน่งของหน้าต่างการหรือค้นหา Code ของ VS Code

มีใครที่ใช้ Vs Code แล้วอยากจะเปลี่ยนตำแหน่งของหน้าต่างการค้นหาข้อมูลหรือค้นหา code ของ VS Code จากที่อยู่ด้านซ้ายมือลงมาอยู่ด้านล่างกันบ้างไหม

ใครที่ลง Vs Code เสร็จก็จะเห็นว่า หน้าต่างการค้นหาของ Vs Code เวลาที่เรากด Ctrl + F หรือ Ctrl + Shift + F จะต้องไปอยู่ด้านซ้ายมือของหน้าจอ แล้วพอเวลากดค้นหาก็จะเห็นได้ว่าข้อมูลมันเล็กมากมองแทบไม่เห็น Code เลย มันควรจะมาอยู่ที่ตำแหน่งด้านล่างของโปรแกรมมากกว่า

สำหรับใครที่อยากจะย้ายตำแหน่งของหน้าต่างการค้นหาข้อมูลของ Vs code ลงมาด้านล่าง มาดูวิธีทำกันดีกว่า

อันดับแรกให้เราเป็นหน้าต่างการค้นหาขึ้นมา โดยการกดที่ Ctrl+F

และให้เราเปิด Panel ของ Vs Code ขึ้นมา โดยไปที่เมนู View เลือก Appearance แล้วเลือก Show Panel

ก็จะเห็น Panel ของ Vs Code เปิดขึ้นมาด้านล่าง

ให้เราทำการลากหน้าต่างการค้นหา Search คลิกลาก (ตรงคำว่า SEARCH) แล้วเลือกลากลงมาที่ Panel ด้านล่าง

ก็เป็นอันเรียบร้อย ก็จะเห็นว่า หน้าต่างการค้นหา Search ลงมาอยู่ด้านล่างของ Vs Code แล้ว

รวบรวม Shortcut ปุ่มลัด ที่สำคัญใน Vs code

เพื่อนๆหลายๆคนคนหน้าจะทราบว่าการใช้ Keyboard Shortcut คีย์ลัดต่างๆ ใน VS code ทำให้เราทำงานได้ไวขึ้นมีประสิทธิภาพมากขึ้น แต่ว่าบางคนก็อาจะคิดว่ามันมี Shortcut เยอะมากๆจำได้ไม่หมดหรอก เพราะฉะนั้นบทความนี้จะมา Highlight Key ที่จำเป็นใช้งานกันบ่อยๆ ที่จำเป็นจะต้องจำให้ได้ (เป็นของ Windows นะ) มาดูกัน

ใครอยากโหลดไฟล์เดิมๆเอาไปปริ้นก็สามารถโหลดได้ที่นี้
Windows https://go.microsoft.com/fwlink/?linkid=832145
macOS https://go.microsoft.com/fwlink/?linkid=832143
Linux https://go.microsoft.com/fwlink/?linkid=832144

วิธีทำให้ Visual Studio Code เปลี่ยนภาษาต่างด้าวได้

สำหรับใครที่ใช้งาน Visual Studio Code หรือ VsCode ในการอ่าน Source code ที่เป็นภาษาญี่ปุ่นหรือภาษาอื่นๆแล้วมักจะเจอตัวหนังสือเป็นภาษาต่างด้าว อ่านไม่ออกแบบนี้

ซึ่งสาเหตุนั้นเป็นเพราะว่าตัวไฟล์ source code มีการเข้ารหัส encode ไม่ถูกต้อง โดยในบทความนี้จะมาสอนวิธีการเปลี่ยน Encode ของโปรเจคของเราให้สามารถอ่านภาษาต่างด้าวนั้นได้

มาเริ่มกันที่ไปที่ File แล้วเลือก Preferences แล้วก็ Setting

แล้วเลือกไปที่ Workspace จากนั้นพิมพ์ Encode ในช่องการค้นหา Setting ได้เลย แล้วก็จะเจอ หัวข้อ Files: Encoding ให้เราเลือก Shiftjis (ในตัวอย่างเป็นไฟล์ภาษาญี่ปุ่น) หรือตัวเลือกที่ตรงกับไฟล์ที่ Encode ที่เราต้องการ

จากนั้นลองมาเปิดไฟล์ในโปรเจคของเราก็จะเห็นว่าสามารถอ่าน Comment ที่เป็นภาษาญี่ปุ่นออกแล้วละ

หากเราลองไปดูที่ไฟล์ Setting.json ใน Folder .vscode ก็จะเห็นว่ามีการ Setting File encoding ตามที่เรา Setting ไว้เลยละ

วิธีเปลี่ยนตำแหน่ง ผลการค้นหาของ Visual Studio Code

สำหรับใครที่ใช้งาน Visual Studio Code หรือพึงใช้งานเป็นครั้งแรกคงจะหงุดหงิดกับตำแหน่งของผลการค้นหาหรือ Search ของ Visual Studio Code ไม่มากก็น้อยแน่นอน
โดยตำแหน่งของผลการค้นหาของโปรแกรม Visual Studio Code จะอยู่ทางด้านซ้ายมือของเราซึ่งจะเห็นว่าผลของการค้นหานั้นแคบและมองไม่เห็นตัว code เต็มบรรทัดเลยตามรูป

เรามาเปลี่ยนตำแหน่งมาอยู่ด้านล่างกันดีกว่า สำหรับวิธีทำก็ง่ายๆเลย ให้เราคลิกขวาที่ตรงข้างๆของหน้าต่างซ้ายมือ ก็จะมีเมนูขึ้นมาว่า Toggle Search View Position

หรืออีกวิธีก็เข้าไปปรับได้ที่ File > Preferences > Setting แล้วก็พิมพ์ใส่เข้าไปว่า “serch.location”: “panel”

เพียงเท่านี้ ผลการค้นหาก็จะย้ายมาอยู่ด้านล่างแล้ว ทำให้เวลาเราค้นหาอะไรก็จะเห็นข้อมูลแบบเต็มๆบรรทัดกันเลย