Sebagai developer, kemudahan dalam menulis kode program merupakan salah satu faktor penting lancarnya produktifitas anda. Berikut ekstensi-ekstensi Visual Studio Code yang dapat membantu anda dalam ngoding .
Utilitas Dasar Sesi ini merupakan utilitas dasar untuk VSCode.
Advanced New File Ekstensi ini berguna untuk membuat file dengan melalui Command Pallete dari VS Code.
advanced-new-file - Visual Studio Marketplace
Extension for Visual Studio Code - Create files anywhere in your workspace from the keyboard
Auto Complete Tag Auto Close Tag Ini merupakan paket ekstensi yang berisi Auto Close Tag yang menambahkan closing tag untuk HTML/XML, dan Auto Rename Tag yang mengubah opening tag dan closing tag untuk HTML/XML sekaligus.
Auto Rename Tag Auto Complete Tag - Visual Studio Marketplace
Extension for Visual Studio Code - Extension Packs to add close tag and rename paired tag automatically for HTML/XML
Bookmarks Ekstensi ini memudahkan dalam menandai suatu baris kode, lalu berpindah ke lokasi tanda tersebut.
Bookmarks - Visual Studio Marketplace
Extension for Visual Studio Code - Mark lines and jump to them
Bracket Pair Colorizer 2 Dengan ekstensi ini, maka tanda kurung () [] {} <>
akan memiliki warna tersendiri sesuai dengan pasangan masing-masing.
Bracket Pair Colorizer 2 - Visual Studio Marketplace
Extension for Visual Studio Code - A customizable extension for colorizing matching brackets
change-case Tidak perlu lagi mengubah penulisan variabel satu per satu, dengan ekstensi ini, kamu bisa mengubahnya dengan menggunakan Command Pallete .
change-case - Visual Studio Marketplace
Extension for Visual Studio Code - Quickly change the case (camelCase, CONSTANT_CASE, snake_case, etc) of the current selection or current word
Code Spell Checker Ekstensi ini akan mengecek typo bahasa dalam penulisan kode kamu, sehingga kode kamu dapat mudah dibaca.
Editor Config for VS Code Editor config merupakan file konfigurasi untuk keseragaman dalam cara penulisan code.
# http://editorconfig.org
root = true
[*]
charset = utf-8
indent_style = space
indent_size = 2
end_of_line = lf
insert_final_newline = true
trim_trailing_whitespace = true
[*.md]
insert_final_newline = false
trim_trailing_whitespace = false
File Utlils Memudahkan membuat, duplikasi, memindahkan, ganti nama, dan menghapus file dan direktori.
File Utils - Visual Studio Marketplace
Extension for Visual Studio Code - A convenient way of creating, duplicating, moving, renaming and deleting files and directories.
Image Preview Menampilkan preview gambar anda di baris kode.
Image preview - Visual Studio Marketplace
Extension for Visual Studio Code - Shows image preview in the gutter and on hover
GitLens Menampilkan authorship langsung pada editor anda.
GitLens — Git supercharged - Visual Studio Marketplace
Extension for Visual Studio Code - Supercharge the Git capabilities built into Visual Studio Code — Visualize code authorship at a glance via Git blame annotations and code lens, seamlessly navigate and explore Git repositories, gain valuable insights via powerful comparison commands, and so much mo…
Inline Parameters for VSCode Menampilkan bantuan parameter ketika memanggil suatu function
atau method
.
Inline Parameters for VSCode - Visual Studio Marketplace
Extension for Visual Studio Code - Function parameter annotations displaying inline in VSCode
Live Server Simple Server untuk development kamu.
Live Server - Visual Studio Marketplace
Extension for Visual Studio Code - Launch a development local Server with live reload feature for static & dynamic pages
Live Share Merupakan ekstensi untuk collaborative programming atau ngoding bareng.
Live Share Extension Pack - Visual Studio Marketplace
Extension for Visual Studio Code - Collection of extensions that enable real-time collaborative development with VS Live Share.
Project Manager Mempermudah gonta-ganti project.
Project Manager - Visual Studio Marketplace
Extension for Visual Studio Code - Easily switch between projects
Snapcode Perbagus screenshot kode kamu.
Snapcode - Visual Studio Marketplace
Extension for Visual Studio Code - 📸 Snapcode for your code
SVG Viewer Menampilkan SVG langsung dari editor kamu.
SVG Viewer - Visual Studio Marketplace
Extension for Visual Studio Code - SVG Viewer for Visual Studio Code.
TODO Highlight Memperjelas tulisan TODO, FIXME, DEBUG, dll.
TODO Highlight - Visual Studio Marketplace
Extension for Visual Studio Code - highlight TODOs, FIXMEs, and any keywords, annotations...
Visual Studio IntelliCode AI-Powered development.
Visual Studio IntelliCode - Visual Studio Marketplace
Extension for Visual Studio Code - AI-assisted development
Wakatime Tracking waktu ngoding kamu.
WakaTime - Visual Studio Marketplace
Extension for Visual Studio Code - Metrics, insights, and time tracking automatically generated from your programming activity.
Sekian dulu ekstensi vscode nya, nanti kita lanjut khusus untuk PHP.