จากการนั่งดู Live การ refactor code จาก JavaScript Cafe // มา Refactor Code Vue 370 บรรทัดกันเห็นเทคนิดที่น่าสนใจ สำหรับการจัดการ code ในไฟล์ที่มีจำนวนบรรทัดยาว ๆนั่นคือ การใช้ Folding ด้วย #region ตัวอย่างการใช้งานก็ง่ายมาก ลองดูเอกสารเพิ่มเติมได้ VS Code :: Folding with region
ปกติการจำลอง API Server หรือพวก Mock/Fake API Server นั้น จะมีเครื่องมือให้ใช้เยอะมาก ๆ ทั้ง Stubby mbtest jsonserver WireMock แน่นอนว่าใน VS Code ก็มี extension ให้ใช้งานเช่นกันนั่นคือ EasyMock โดยด้านหลังคือ lib ที่ชื่อว่า mockjs (ภาษาจีน)
VS Code เป็นทุกอย่างให้แล้วจริง ๆหนึ่งในนั้นคือ Jupyter Notebookทำให้สามารถเขียน code, share code และความสามารถต่าง ๆ ที่ทำได้ใน notebookน่าจะเป็นอีก extension ที่มีประโยชน์
ปัญหาที่เจอในการใช้ VS Code ตอนนี้คือ ต้องเปลี่ยนไปใช้งานหลายเครื่อง ทำให้ต้อง copy หรือทำการ setting ใน VS Codeในแต่ละเครื่องหรือ device นั้น ๆ ใหม่หมดเลยแน่นอนว่า เป็นเรื่องที่น่าเบื่อมาก ๆ
ใน VS Code นั้นมีปัญหาหนึ่งของทีมคือการ configuration ค่าต่าง ๆ ใน VS Code ให้เหมือนกันหนึ่งในวิธีการที่ใช้งานแล้วชอบมาก ๆ คือ EditorConfigช่วยทำให้สามารถจัดการ configuration ต่าง ๆ ได้ง่ายและสะดวกขึ้นสามารถติดตั้งและใช้งานเลย EditorConfig for VS Code
สำหรับใครที่ต้องออกแบบและจัดการ Open API หรือ Swagger แล้ว ใน VS Code นั้นมี extension ชื่อว่า OpenAPI (Swagger) Editor ให้ใช้งาน แน่นอนว่า ทำให้การทำงานง่ายและสะดวกขึ้น
หลาย ๆ คนอาจจะเคยใช้งาน ngrok มาบ้างแล้ว สำหรับการให้เครื่องอื่น ๆ เข้าถึงเครื่อง localhost ได้จาก public internet ได้ เหมาะกับการทดสอบระบบงานหลาย ๆ อย่าง ซึ่งเราสามารถใช้งานใน VS Code ได้แล้ว แน่นอนว่าต้องลง extension ชื่อว่า ngrok for VS Code เพิ่มนั้นเองลองใช้กันดูครับ มันง่ายและสะดวกดีVS Code เป็นให้ได้ทุกอย่างจริง ๆ
ในทุก ๆ ครั้งที่เปิด 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 แบบอัตโนมัติเลย มาสร้างกันดังนี้
ใน VS Code มี extension ชื่อง่า REST Clientสำหรับใช้ทดสอบ RESTFul API ด้วยการส่ง HTTP Request และดู response ใน VS Code ตรง ๆ แบบง่าย ๆ ได้เลยทำให้เราไม่ต้องไปใช้เครื่องมืออื่น ๆ อีกแล้ว ใครสนใจลองทำการติดตั้งได้เลยครับ
วันนี้เห็น theme ของ VS Code ชื่อว่า Slack Themeซึ่งจะทำให้ VS Code ของเราแสดงผลในรูปแบบของ program Slackลองติดตั้งและใช้แล้วสวยดีใครสนใจลองใช้งานดูครับ
