Ekstensi Visual Studio Code: Dasar

· 5 menit untuk membaca
Ekstensi Visual Studio Code: Dasar

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.