หลาย ๆ คนอาจจะเคยใช้งาน 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ลองติดตั้งและใช้แล้วสวยดีใครสนใจลองใช้งานดูครับ
มาลองใช้งาน MongoDB ผ่าน VS Code กัน ด้วย extension ชื่อว่า MongoDB for VS Code อยู่ในสถานะ preview version มีความสามารถดังนี้ ดูข้อมูล database และ collection ต่าง ๆ ได้ ดูโครงสร้าง schema ของ collection ต่าง ๆ MongoDB Playground สำหรับดูแลและจัดการข้อมูลใน MongoDB (CRUD operation) รวมทั้งมี autosuggestion ให้ใช้ด้วย MongoDB Shell สำหรับการ access ไปยัง server
สำหรับใครท่ีทำงานเป็นทีมแบบ Remote แล้วใช้งานพวก Visual Studio และ Visual Studio Code เพื่อพัฒนาระบบงาน มีเครื่องมือที่น่าสนใจคือ Visual Code Live Share ที่มีทั้ง Share editor แบบ read-only หรือ full access เลย มีระบบ chat ให้ มีระบบคุยด้วยเสียงได้ด้วย ล่าสุดมีเปิดผ่าน Web browser ได้อีกด้วย (Preview version)
เจอปัญหาในการเตรียมข้อมูลต่าง ๆ ในการพัฒนาระบบงานเช่น ข้อมูลที่ต้องใช้ในการทดสอบทั้งชื่อ นามสกุล email เบอร์โทรคำถามคือ ถ้าคิดไม่ออกจะทำอย่างไรดี ?ใช้ กหฟด่าสว ดีไหม ?ใช้ test test 1234 admin admin ดีไหม
บ่อยครั้งที่นักพัฒนาต้องจัดการข้อมูลในรูปแบบ JSON เท่าที่เห้นบางคนเขียน code เพื่อ mapping ข้อมูลในแต่ละ field/property เอง บางคนก็ใช้ผ่าน website เช่น JSON to xxx บางคนก็ใช้งานผ่าน plugin ของ browser หรือ Editor
สำหรับสาย Node.JS เรื่องของ dependency check เป็นสิ่งที่สำคัญมาก ๆ ว่า dependency หรือ npm package ต่าง ๆ ที่เราใช้งานใน project นั้น มีความปลอดภัยหรือไม่ โดย extension ที่ขอแนะนำใน VS Code คือ Vuln Cost
ดู Live จากงาน React Summit มีการ demo code ด้วย VS Code แล้วพบว่า มีการแสดงผลการทำงานของ code ที่พัฒนาด้วยภาษา JavaScript แบบ realtime ใน editor เลย ก็เลยลองไปหาดูว่า เขาใช้ extention ตัวไหนกัน ก็ไปเจอ extension ชื่อว่า Quokka.js