vs-code Archive

[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…

VS Code :: Jupyter notebook ก็ใช้งานได้

VS Code เป็นทุกอย่างให้แล้วจริง ๆหนึ่งในนั้นคือ Jupyter Notebookทำให้สามารถเขียน code, share code และความสามารถต่าง ๆ ที่ทำได้ใน notebookน่าจะเป็นอีก extension ที่มีประโยชน์

Read More…

VSCode : ทำการ sync ค่า setting ต่าง ๆ ข้ามเครื่อง

ปัญหาที่เจอในการใช้ VS Code ตอนนี้คือ ต้องเปลี่ยนไปใช้งานหลายเครื่อง ทำให้ต้อง copy หรือทำการ setting ใน VS Codeในแต่ละเครื่องหรือ device นั้น ๆ ใหม่หมดเลยแน่นอนว่า เป็นเรื่องที่น่าเบื่อมาก ๆ

Read More…

แนะนำ EditorConfig for VS Code

ใน VS Code นั้นมีปัญหาหนึ่งของทีมคือการ configuration ค่าต่าง ๆ ใน VS Code ให้เหมือนกันหนึ่งในวิธีการที่ใช้งานแล้วชอบมาก ๆ คือ EditorConfigช่วยทำให้สามารถจัดการ configuration ต่าง ๆ ได้ง่ายและสะดวกขึ้นสามารถติดตั้งและใช้งานเลย EditorConfig for VS Code

Read More…

VS Code :: ใช้งาน Open API หรือ Swagger Editor ได้แล้ว

สำหรับใครที่ต้องออกแบบและจัดการ Open API หรือ Swagger แล้ว ใน VS Code นั้นมี extension ชื่อว่า OpenAPI (Swagger) Editor ให้ใช้งาน แน่นอนว่า ทำให้การทำงานง่ายและสะดวกขึ้น

Read More…