vs-code Archive

ยานแม่มาเอง vscode.dev (preview version)

มาแล้วสำหรับ VS Code บน browser แบบ official (preview version)แน่นอนว่า ไม่ต้องติดตั้งอะไรเพิ่มก็ใช้ได้เลยสามารถเปิดและแก้ไขไฟล์ต่าง ๆ จากเครื่องเราได้เลยผ่าน File System Access API บน Edge และ Chrome เท่านั้นรวมทั้งเปิด code จาก GitHub repository ตรง ๆ ได้อีกด้วยเพียงแค่ authen/authroize ก่อนเท่านั้นเอง

Read More…

VS Code 1.58 สนับสนุน Terminal in editor แล้ว

จาก release note ของ Vs code version 1.58 ที่ปล่อยออกมาเมื่อเดือนที่ผ่านมานั้นพบว่ามีความสามารถที่น่าสนใจ และ รบกวนการใช้งานยกตัวอย่างเช่น การใช้งาน Teminal ใน editor ได้เลยไม่ต้องไปสร้าง tab ในส่วนของ terminal อีกต่อไป

Read More…

VS Code :: ดึงข้อมูล IP ของเครื่องมาใช้งาน

มีเหตุให้ต้องใช้งาน IP ของเครื่องอาจจะต้องใช้คำสั่งใน command line ทั้ง ipconfig หรือ ifconfigหรือไปใช้ผ่าน UI tool และส่วนต่าง ๆ จาก OS ก็ว่าไปก็เลยไปดูว่าใน VS Code มี extension อะไรให้ใช้หรือไม่ก็ไปเจอ Extension ชื่อว่า IP Address

Read More…

VS Code ลบหรือปิดสิ่งที่ไม่จำเป็นไปบ้าง

วันนี้ทำการ clear สิ่งที่ไม่ได้ใช้งานใน VS Code ออกเนื่องจากพบว่า VS Code มันช้าลงเรื่อย ๆซึ่งส่งผลต่อการใช้งานอย่างมากเลยจดบันทึกสิ่งที่ clear ออกไป ดังนี้โดยอ้างอิงจาก Make VS Code Faster

Read More…

[VS Code] ลองใช้งาน Thunder Client (REST Client for Testing)

เห็น extension ใน VS Code ที่น่าสนใจผ่านจาก feed ของ Facebookนั่นคือ Thunder Client ซึ่งอธิบายว่าเป็น Lightweight REST Client for Testing APIsจะมีรูปแบบคล้ายกับ REST Client และ Postman เลยจึงลองใช้งานดูหน่อย มาเริ่มกันเลย

Read More…

VS Code :: มาปรับปรุง comment ด้วย Better comments

วันนี้ได้ลองใช้งาน Extension ใน VS Code ชื่อว่า Better Commentsช่วยให้การเขียน comment ต่าง ๆ ดีขึ้นที่สำคัญเราสามารถจัดกลุ่มชนิดของ comment ได้ด้วยทั้ง TODO, Query, Alert และอื่น ๆ อีกเพียบแถมสนับสนุนหลายภาษาโปรแกรมอีกด้วยมาลองใช้งานกันดูครับน่าจะเพิ่ม productivity ให้ดีขึ้น

Read More…

VS Code :: แนะนำ Live Code และ Turbo Console Log

มีงานในฝั่ง Frontend ที่ต้องเขียนนิดหน่อยเลยไปเจอ Extension ใน VS Code ที่เอามาช่วยเพิ่ม productivity ให้การพัฒนาดีขึ้นประกอบไปด้วย Live Server Turbo Console Log

Read More…

แนะ Github1s :: เปิด GitHub repository บน VSCode

เพิ่งไปเห็นว่ามี project ชื่อว่า Github1s (One second to read GitHub code with VS Code)ใช้สำหรับการเปิด code ใน GitHub repository บน VSCode ผ่าน web ได้เลยเพียงแค่เพิ่ม 1s เข้าไปใน url ของ GitHub ยกตัวอย่างเช่น https://github1s.com/microsoft/vscode

Read More…

[VS Code] เทคนิคสำหรับจัดกลุ่ม code ยาว ๆ ด้วย #region

จากการนั่งดู​ Live การ refactor code จาก JavaScript Cafe // มา Refactor Code Vue 370 บรรทัดกันเห็นเทคนิดที่น่าสนใจ สำหรับการจัดการ code ในไฟล์ที่มีจำนวนบรรทัดยาว ๆนั่นคือ การใช้ Folding ด้วย #region ตัวอย่างการใช้งานก็ง่ายมาก ลองดูเอกสารเพิ่มเติมได้ VS Code :: Folding with region

Read More…

VS Code :: สร้าง Mock API Server ด้วย EasyMock

ปกติการจำลอง API Server หรือพวก Mock/Fake API Server นั้น จะมีเครื่องมือให้ใช้เยอะมาก ๆ ทั้ง Stubby mbtest jsonserver WireMock แน่นอนว่าใน VS Code ก็มี extension ให้ใช้งานเช่นกันนั่นคือ EasyMock โดยด้านหลังคือ lib ที่ชื่อว่า mockjs (ภาษาจีน)

Read More…