Getting Started VSCode

Setalah VSCode berhasil di install di computer, yang perlu di install untuk pertama kali adalah Command Line VSCode.

Cara Install Command Line VSCode:

  1. Buka Aplikasi VSCode
  2. Untuk Mac Command + Shift + P
  3. Ketikkan Shell Command: install 'code' command in PATH dan klik atau tekan enter.

Plugin Wajib VSCode untuk Software Engineer

Setelah selesai melakukan install command line 'code' untuk VSCode, ada beberapa plugin yang utama yang wajib di install:

1. Prettier - Code Formatter

Pretter Code Formater ini sangat berguna untuk mengatur indentasi saat penulisan syntax. Jadi plugin ini bisa ngasih titik koma secara automatis. Contohnya saat aku berkutat dengan bahasa javascript ,PHP ataupun Swift pluggin Prettier Code Formater sungguh sangat memanjakan dan membantu. Gak perlu lagi mikirin dimana programmer harus ngasih titik koma 🤣.

Link: https://github.com/prettier/prettier-vscode.git

2. Bracket Pair Colorizer

Bracket Pari Colorizer ini juga memudahkan programmer braket mana miliknya siapa? 😅. Nah jadi programmer ga perlu pusing, ini braket yang mana ya? trs kurang brakket brapa. Terkadang programmer pemula seperti aku bingung, ini curly braket miliknya siapa?. Kalo ada warnanya kan kita jadi tahu itu curly braket miliknya siapa.

Link: https://github.com/CoenraadS/BracketPair

3. Monokai Pro

Monokai Pro merupakan Tema User Interface vscode, menurutku salah satu theme terbaik. Komposisi warna yang di kasih terlihat adem aja, ga kayak theme. Tapi ini kembali lagi selera ke masing-masing programmer. Meskipun berbayar sih, tapi aku cukup terkesan banget dengan setup temanya.

Link: https://monokai.pro/

4. Markdown Preview Enhanced

Markdown preview Enhaced, sangat penting banget buat nulis panduan atau guide di readme untuk tiap project "ngoding". Menurutku, apalah artinya coding yang hebat tanpa adanya dokumentasi 🙊.

Coba deh, bayangin creator Javascript atau creator framework cuma ngeshare coding an tanpa ngasih dokumentasi, pasti akan terasa begitu sulit buat memahami codingannya.

Link: https://github.com/shd101wyy/vscode-markdown-preview-enhanced

Plugin-VSCode-Markdown-Preview-Enhanced

5. Material Icon Theme

Material icon theme merupakan plugin vscode untuk ngasih tahu ini file atau folder type apa. Sebenernya sih icon theme bawaan vscode sudah cukup bagus sih. Tapi material icon theme bawaan vscode ga bisa ngasih logo dari bahasa yang kita pakai, misal file yang dibuat extensinya .md (markdown), kalo plugin Material Icon Theme ini dipasang icon filenya aka ganti menjadi logo markdown, begitu juga dengan javascript, swift, python, java, dan sebagainya.

Link: https://github.com/PKief/vscode-material-icon-theme.git

Plugin-VSCode-Material-Icon-Theme

Setelah semua plugin wajib diatas terinstall, hal yang perlu dilakukan adalah setup di file json vscode.

Langkahnya kalo di Mac yaitu Buka Code -> Preferences -> Setting

Atau cari file setting.json di directory vscode, untuk lebih jelasnya lihat gambar dibawah:

Setting-JSON-VSCode

Kalo udah ketemu lokasi file setting.json, masukkan configurasi dibwah ini ke file tersebut