GitLens
Pada GitLens kita bisa preview commitan sebelum di push, dan bisa melihat perubahan pada baris kode ( dibikin oleh siapa, diubah oleh siapa ), Serta masih banyak fitur lain dari GitLens ini.
Visual Studio IntelliCode
Sebenarnya auto suggest bawaan dari VS Code itu sendiri sudah lumayan bagus, saya menggunakan ini agar auto suggest bisa lebih detail suggestion yang diberikan, bisa diibaratkan Improve dalam hal suggestion ( Intellisense nya ).
Sublime Text Keymap and Settings Importer
Bagi teman-teman yang migrasi dari Sublime Text 3 ke Visual Studio Code dan merasa aneh dengan keymap di VS Code, bisa nih dicoba in keymap sublime text di VS Code.
Secara keseluruhan keymap nya sama persis dengan keymap sublime text.
File Utils
Bagi teman-teman yang sering menggunakan VS Code tapi terbatas pada klik kanan di tampilan side folder project nya, yang hanya bisa copy dan paste. Nah pada ekstensi ini ada beberapa penambahan seperti Duplicate, Move, dan masih banyak lagi.
Prettier
Ekstensi ini cocok bagi teman-teman yang berfokus pada JavaScript, selain dia merapikan kodingan, kalo kita integrasi kan dengan ESLint dia bisa mebenerin kodingan yang sesuai standar, misalkan kita bikin var formatNumber, nah karna var ini terlalu global, nanti nya ESLint dan Prettier akan mengubah ke const formatNumber kalo variabel itu cuma di read / tidak ada perubahan nilai pada variabel.
ESLint
Ekstensi ini adalah Linter untuk JavaScript. Bagi teman-teman yang belum pernah menggunakan Linter pastinya stuktur kodingan teman-teman berantakan dan tidak terstruktur. Diawal – awal menggunakan Linter bikin pusing, kenapa Rules nya seperti ini, akan tetapi lambat laun nanti teman-teman akan merasakan kemudahan dari Linter itu sendiri, apa lagi di integrasikan dengan Prettier ini akan sangat membantu teman – teman. Btw disini saya menggunakan ESLint config Airbnb ( JavaScript Style Airbnb ).
One Dark Pro
Ekstensi ini cuma untuk Highlight Code. Menurut saya pribadi highlight bawaan dari VS Code kurang menarik dan pemilihan warna code nya kurang bagus, dengan menggunakan Ekstensi ini code yang kita bikin jadi lebih jelas dan berwarna. Sebenarnya highlight ini bawaan dari Text Editor Atom, bagi yang pernah menggunakan Atom pasti tau dengan highlight nya.
Auto rename tag
![]](https://www.iltekkomputer.com/files/2018/11/icon-rename-tag.png){kind=icon}
Extension Auto rename tag ini sangat membantu ketika kamu ingin mengganti sebuah tag, misalkan ada tag <h1>Heading</h1> kamu mau ganti tag <h1></h1> nya menjadi <h2></h2> kamu hanya cukup ganti tag <h1> yang di depan nya saja dan penutup tag nya akan otomatis terganti tag nya sesuai dengan yang kamu ganti. ini lah gambar riview nya.
Intellisense for css classnames
Extension Intellisense for css classnames ini sangat membantu untuk para web designer apalagi untuk kamu yang menggunakan framework bootstrap jadi kita bisa melihat ada kelas apa saja yang ada dialam file css yang sudah kita panggil atau kita bisa melihat file yang ada di class tersebut. ini lah gambar riview nya.
Indent rainbow
Extension Indent rainbow ini sangat membantu pada saat kita membuat sebuah halaman dimana terdapat banyak <div></div>, terkadang kita bingung div yang ini tutupnya dimana mana, misalkan kita mau menggunakan bootstrap mau membuat NAVBAR kan kita copy ke dalam body, nah pas di paste tab nya ngacak pasti bingung kan meskipun udah ada bantuan visual berupa garis garis vertikal. Dengan menggunakan indent rainbow ini sekarang ada warna nya jadi kalian bisa lihat tutupnya ada dimana. berikut gambar riview nya.
Bracket Pair Colorizer
Extension Bracket pair colorizer ini sama kaya indent rainbow tetapi ini menggunakan kurung kurawal (). misalkan kita ngoding menggunakan PHP atau JS kadang – kadang banyak kurung kurawal yang kita lupa buka nya dimana tutup nya dimana, dengan menggunakan extention ini jadi akan mewarnai kurung kurawal-nya dan keren-nya lagi jika di klik salah satu kurung kurawalnya dia akan memperlihatkan garis ke arah penutup kurung kurawal tersebut. berikut gambar riview nya.
Beautify
Extension Beautify ini cukup keren untuk membantu formating codingan kita seperti tadi kita copy script bootstrap ke coding kita pas kita liat indentasinya pasti berantakan jadi harus di format manual biasanya. nah dengan menggunakan ekstension ini jadi nanti akan di otomatis formatkan atau formatnya bisa bikin sendiri atau bisa juga menggunakan format yg sudah ada didalam ekstensionnya.
(Extension ini sangat membantu pada saat bekerja dalam TIM jadi kodenya di gabungkan menjadi satu dan menggunakan format yg sama). berikut gambar riview nya.
PHP IntelliSense
Extension PHP IntelliSense adalah extension yang dikhususkan untuk PHP ketika kamu mengetik sesuatu sintaks php akan keluar auto complete nya, tetapi sebenarnya didalam Visual Studio Code ini sudah ada intelliSense-nya tetapi untuk PHP kurang lengkap jadi kalau mau lengkap lebih baik install ekstension ini. berikut gambar riview nya.
One Dark Pro
Terakhir yaitu One dark Pro ini sebenarnya adalah tema yang paling populer digunakan, seperti atom yang skema warnanya itu banyak banget yg suka bukan extension jadi kita bisa install tema atom itu kedalam Visual Studio Code, tema ini sudah banyak yang pakai sudah sekitar 7 juta yang menginstall tema ini nah menurut saya warnanya sangat enak dilihat . jadi kalo kalian mau ganti temanya ini adalah salah satu tema yang paling populer. berikut gambar riview nya.
Komentar
Posting Komentar