vs-code Archive

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

VS Code :: มาใช้งาน ngrok แบบง่าย ๆ กัน

หลาย ๆ คนอาจจะเคยใช้งาน ngrok มาบ้างแล้ว สำหรับการให้เครื่องอื่น ๆ เข้าถึงเครื่อง localhost ได้จาก public internet ได้ เหมาะกับการทดสอบระบบงานหลาย ๆ อย่าง ซึ่งเราสามารถใช้งานใน VS Code ได้แล้ว แน่นอนว่าต้องลง extension ชื่อว่า ngrok for VS Code เพิ่มนั้นเองลองใช้กันดูครับ มันง่ายและสะดวกดีVS Code เป็นให้ได้ทุกอย่างจริง ๆ

Read More…

VS Code :: ทำการสร้างและ run task แบบง่าย ๆ กัน

ในทุก ๆ ครั้งที่เปิด VS Code ขึ้นมาเพื่อทำการเขียน code ต่าง ๆ นั้น พบว่าก่อนที่จะเขียน code ต้องมีการทำงานดังนี้ ย้ายไปยัง develop branch ทำการ pull code และ rebase ทำการ build project ด้วยคำสั่งต่าง ๆ เช่น npm install ทำการ run dev server เช่น npm start ทำบ่อย ๆ ก็ขี้เกียจ เลยมาเขียน Tasks ใน VS Code ไว้ดีกว่า เมื่อเปิด VS Code ขึ้นมาแล้ว จะทำการ run task แบบอัตโนมัติเลย มาสร้างกันดังนี้

Read More…

VS Code :: ใช้งาน REST Client ง่าย ๆ

ใน VS Code มี extension ชื่อง่า REST Clientสำหรับใช้ทดสอบ RESTFul API ด้วยการส่ง HTTP Request และดู response ใน VS Code ตรง ๆ แบบง่าย ๆ ได้เลยทำให้เราไม่ต้องไปใช้เครื่องมืออื่น ๆ อีกแล้ว ใครสนใจลองทำการติดตั้งได้เลยครับ

Read More…

VS Code :: มาใช้งาน Slack Theme กัน

วันนี้เห็น theme ของ VS Code ชื่อว่า Slack Themeซึ่งจะทำให้ VS Code ของเราแสดงผลในรูปแบบของ program Slackลองติดตั้งและใช้แล้วสวยดีใครสนใจลองใช้งานดูครับ

Read More…