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