vs-code Archive

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

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

Read More…

แนะนำ MongoDB for VS Code (preview version)

มาลองใช้งาน MongoDB ผ่าน VS Code กัน ด้วย extension ชื่อว่า MongoDB for VS Code อยู่ในสถานะ preview version มีความสามารถดังนี้ ดูข้อมูล database และ collection ต่าง ๆ ได้ ดูโครงสร้าง schema ของ collection ต่าง ๆ MongoDB Playground สำหรับดูแลและจัดการข้อมูลใน MongoDB  (CRUD operation) รวมทั้งมี autosuggestion ให้ใช้ด้วย MongoDB Shell สำหรับการ access ไปยัง server

Read More…

Visual Code Live Share ใช้งานได้ดีมาก ๆ

สำหรับใครท่ีทำงานเป็นทีมแบบ Remote แล้วใช้งานพวก Visual Studio และ Visual Studio Code เพื่อพัฒนาระบบงาน มีเครื่องมือที่น่าสนใจคือ Visual Code Live Share ที่มีทั้ง  Share editor แบบ read-only หรือ full access เลย มีระบบ chat ให้ มีระบบคุยด้วยเสียงได้ด้วย ล่าสุดมีเปิดผ่าน Web browser ได้อีกด้วย (Preview version)

Read More…

VS Code :: ทำการ random ข้อมูลเพื่อใช้งาน

เจอปัญหาในการเตรียมข้อมูลต่าง ๆ ในการพัฒนาระบบงานเช่น ข้อมูลที่ต้องใช้ในการทดสอบทั้งชื่อ นามสกุล email เบอร์โทรคำถามคือ ถ้าคิดไม่ออกจะทำอย่างไรดี ?ใช้ กหฟด่าสว ดีไหม ?ใช้ test test 1234 admin admin ดีไหม

Read More…

VS Code :: generate code จากข้อมูล JSON ด้วย Paste JSON as Code

บ่อยครั้งที่นักพัฒนาต้องจัดการข้อมูลในรูปแบบ JSON เท่าที่เห้นบางคนเขียน code เพื่อ mapping ข้อมูลในแต่ละ field/property เอง บางคนก็ใช้ผ่าน website เช่น JSON to xxx บางคนก็ใช้งานผ่าน plugin ของ browser หรือ Editor

Read More…

VS Code :: มาใช้งาน Vuln Cost สำหรับตรวจสอบความปลอดภัยของ npm package ที่ใช้งาน

สำหรับสาย Node.JS เรื่องของ dependency check เป็นสิ่งที่สำคัญมาก ๆ ว่า dependency หรือ npm package ต่าง ๆ ที่เราใช้งานใน project นั้น มีความปลอดภัยหรือไม่ โดย extension ที่ขอแนะนำใน VS Code คือ Vuln Cost

Read More…

VS Code :: แสดงผลการทำงานของ JavaScript ด้วย Quokka.js

ดู Live จากงาน React Summit มีการ demo code ด้วย VS Code แล้วพบว่า มีการแสดงผลการทำงานของ code ที่พัฒนาด้วยภาษา JavaScript แบบ realtime ใน editor เลย ก็เลยลองไปหาดูว่า เขาใช้ extention ตัวไหนกัน ก็ไปเจอ extension ชื่อว่า Quokka.js

Read More…

VS Code :: สร้าง Kanban board (TODO, Doing, Done) ด้วย Markdown

วันนี้ทดลองสร้าง board สำหรับจัดการงาน หรือ Kanban board ใน VS Code พบว่ามี extension ชื่อว่า CodDX โดยเราสามารถสร้าง Kanban board ด้วยการเขียนในรูปแบบ Markdown อีกแล้ว ซึ่งไฟล์ Markdown นั้นจะเขียนตามรูปแบบของ TODO.mdมาลองใช้งานกันดู

Read More…

ทำการ share code สวย ๆ ด้วย Carbon

การ share code ให้สวย ๆ นั้น เครื่องมือมีเยอะเลย แต่เครื่องมือที่ใช้บ่อย ๆ  ก็ทำการ capture หรือ copy จาก IDE และ Text Editor เลย แต่ถ้าอยากให้สวย ๆ ก็มีเครื่องมือแนะนำเช่นกัน หนึ่งในเครื่องมือคือ Carbon

Read More…

แนะนำ Live Share Whiteboard ใน VS Code

พอดีต้องทำการอธิบายงานให้กับลูกค้านิดหน่อยเลยลองหาดูว่า มีเครื่องมืออะไรให้ใช้งานบ้างหนึ่งในเครื่องมือที่ลองใช้แล้ว work เลย คือการใช้งาน Live Share Whiteboardซึ่งเป็น extension ใน VS Code

Read More…