บทความ IT เจ๋งๆ

15 VSCode Extensions ที่ช่วยเพิ่ม Dev Productivity สำหรับปี 2021

19-มี.ค.-21

คัมภีร์เทพ IT

VSCode เป็นที่นิยมอย่างมากในหมู่ Software Developers โดยเฉพาะ Web Developers โดยส่วนที่ดีที่สุดของ VSCode คือเรื่อง Flexibility และ Extensibility อีกทั้งมี Developer หลายพันคนทั่วโลกที่พัฒนาExtensions สำหรับ Community โดยไม่เสียค่าใช้จ่าย และนี่ก็คือ 15 VSCode Extensions ที่ช่วยเพิ่ม Dev Productivity สำหรับปี 2021

1. AWS Toolkit

AWS Toolkit เป็น Extension สำหรับ Visual Studio Code ที่ช่วยให้คุณสามารถมี Interact กับ Amazon Web Services (AWS) ได้ หากงานของคุณต้องทำงานกับ AWS บ่อย ๆ Extension นี้จะมีประโยชน์กับคุณอย่างมาก

Feature:

  • AWS Explorer
  • CDK Explorer
  • AWS Serverless Application (SAM)
  • Amazon CloudWatch logs
  • Amazon EventBridge Schema
  • AWS Step Function
  • และอื่น ๆ อีกมากมาย

2. Docker

Docker Extension จะช่วยทำให้ง่ายต่อการ Build, Manage และ Deploy Containerized Applications จาก Visual Studio Code นอกจากนี้ยังมี “One-click Debugging” สำหรับ Node.js, Python และ. NET Core ภายใน Container อีกด้วย

Feature:

  • มีระบบ Intelligence ที่ช่วยให้สามารถแก้ไข Docker และ Dockerfile
  • มี Docker View
  • Docker View จะช่วยให้คุณสามารถตรวจสอบและจัดการ Docker Assets: Containers, Images, Volumes, Networks, และ Container Registries
  • มีระบบ Intelligence สำหรับ docker-compose.yml
  • และอื่น ๆ อีกมากมาย

3. GraphQL

GraphQL Extension สำหรับ VSCode จะเพิ่มในเรื่อง Syntax Highlighting, Validation และ Language Features อย่างเช่น Go To Definition, Hover Information และ Autocompletion สำหรับ GraphQL Projects

Feature:

  • Load Extension บน Detecting graphql-config file ที่ Root Level หรือใน Parent Level Directory
  • Load Extension ใน .graphql, .gql files
  • Load Extension บน Detecting gql Tag ใน js, ts, jsx, tsx, vue files
  • Load Extension ภายใน gql/graphql Code Blocks ใน Markdown Files
  • Execute Query/Mutation/Subscription Operation, Embedded หรือใน GraphQL Files
  • และอื่น ๆ อีกมากมาย

4. Eslint

Extension นี้ใช้ ESLint Library ที่ติดตั้งใน Workspace Folder ที่เปิดอยู่ หาก Folder ไม่ได้เตรียมไว้ให้ Extension ก็จะมองหา Global Install Version หากคุณยังไม่ได้ติดตั้ง ESLint ทั้งใน Locally หรือ Globally ให้ทำด้วยการ Run npm install eslint ใน Workspace Folder สำหรับ Local Install หรือ npm install -g eslint สำหรับ Global Install

5. YAML

มันมี Comprehensive YAML Language ที่สามารถใช้ใน Visual Studio Code ผ่าน YAML-Language-Server พร้อมการรองรับ Built-in Kubernetes Syntax

Feature:

  • Auto-completion สำหรับ yml หรือ yaml File
  • Validation สำหรับ yaml File
  • Document Outlining
  • Formatting
  • และอื่น ๆ อีกมากมาย

6. Vetur

มันเป็น Vuejs Tooling สำหรับ VSCode ซึ่งมี Features ให้ใช้งานมากมาย เช่น Snippets, Formatting และอื่น ๆ

7. Remote — SSH

มันถูกใช้สำหรับเปิด Folder บน Remote Machine โดยใช้ SSH และใช้ประโยชน์จาก Feature Set ทั้งหมดของ VS Code

8. Python

Visual Studio Code Extension มาพร้อมการสนับสนุนที่หลากหลายสำหรับภาษา Python มันมี Features หลายอย่าง เช่น IntelliSense, Linting, Debugging, Code Navigation, Code Formatting, Jupyter Notebook Support, Refactoring, Variable Explorer, Test Explorer, Snippets และอื่น ๆ อีกมากมาย

9. Prettier

Prettier เป็น Code Formatter โดยมันจะพยายามให้ปรับใช้ Style ที่สอดคล้องกันโดยการแยกวิเคราะห์ Code ของคุณและ Re-Printing ด้วย Rules ของตัวมันเอง ที่คำนึงถึงความยาวบรรทัดสูงสุดใน Account รวมถึงการ Wrap Code เมื่อจำเป็น

10. Material Icon Theme

มันเต็มไปด้วย File Icons ที่แทบจะมีทุก File Formats

11. Live Share

Visual Studio Live Share จะช่วยให้คุณสามารถ Edit และ Debug ร่วมกันกับคนอื่นได้แบบ Real-Time ไม่ว่าคุณจะใช้ภาษา Programming ใดหรือ App ประเภทใดที่คุณกำลังสร้างก็ตาม มันช่วยให้คุณสามารถ Share Project ปัจจุบันของคุณได้โดยทันที (และอย่างปลอดภัย) จากนั้นสามารถ Share Debugging Sessions, Terminal Instances, Localhost Web Apps, Voice Calls และอื่น ๆ ได้ ตามที่คุณต้องการ

12. Live Server

Launch Local Development Server ที่มี Live Reload Feature สำหรับ Static และ Dynamic Pages 

13. Live Sass Compiler

VSCode Extension ที่ช่วยให้คุณสามารถ Compile/Transpile SASS/SCSS Files ของคุณไปยัง CSS Files แบบ Realtime ได้ด้วย Live Browser Reload

14. Kubernetes

เป็น Extension สำหรับ Developers ที่ใช้สร้าง Applications เพื่อ Run ใน Kubernetes Clusters และสำหรับ DevOps Staff ในการแก้ไขปัญหา Kubernetes Applications

15. Jupyter

Visual Studio Code Extension ที่รองรับ Notebook พื้นฐานสำหรับ Language Kernels ที่รองรับใน Jupyter Notebooks ในปัจจุบัน Language Kernels จำนวนมากจะทำงานได้โดยต้องไม่มีการ Modification ใด ๆ และเพื่อเปิดใช้งาน Advanced Features การ Modifications อาจจำเป็นต้องใช้ใน VS Code Language Extensions

ที่มา:  https://medium.com/

 

 

รับตำแหน่งงานไอทีใหม่ๆ ด้วยบริการ IT Job Alert

 

อัพเดทบทความจากคนวงในสายไอทีทาง LINE ก่อนใคร
อย่าลืมแอดไลน์ @techstarth เป็นเพื่อนนะคะ

เพิ่มเพื่อน

 

บทความล่าสุด

ประเภทบทความ