5 Ekstensi VSCode Terbaik untuk Web Developer

Hello World, bersama saya Tio Jevero. Sesuai judulnya, pada Artikel kali ini saya akan membahas 5 Ekstensi Visual Studio Code Terbaik untuk seorang Web Developer versi saya sendiri. Ingat ya versi “Saya sendiri” jadi kalo kalian tidak setuju itu tidak masalah, karena masing-masing Programmer punya Alat Perang masing-masing. Programmer dibilang hebat bukan karena Alat Perang yang digunakan, tapi karena kemampuannya menyelesaikan masalah yang disajikan, Alat Perang, hanya untuk membantu saja.

Kalo kalian baca Artikel saya tentang 5 Text Editor terbaik bagi Web Developer, dan pada artikel itu saya mengatakan bahwa saya pengguna Sublime Text. Tapi iman saya tergoda oleh salah satu Text Editor yang sangat menawan, siapa dia? Dari judul artikel ini kalian harusnya udah bisa nebak… Siapa lagi kalo bukan si VSCode atau Visual Studio Code ini. Jadi singkatnya saya sudah murtad dari Sublime Text dan berpindah ke Visual Studio Code. Mungkin dari kalian ada yang KEPO kenapa iman saya bisa tergoda dengan VSCode ini. Tapi saya gak akan beritahu disini. Kalian coba sendiri deh, nanti bakalan tau sendiri alasan saya milih VSCode, dan rasakan kenikmatan ngoding yang luar biasa. Gak usah basa-basi lagi, Let’s Check this out.

5. Bracket Pair Colorizer

Pernah ngoding dengan banyak nested bracket di dalamnya? Pasti itu membuat kode kalian sangat sulit dibaca ya kan? Nah, plugin ini bisa banget jadi solusinya. Plugin Bracket Pair Colorizer ini digunakan untuk merubah setiap pasangan bracket berbeda warna dengan pasangan bracket lainnya, jadi kita bisa membedakan pasangan bracket nya tanpa harus menghitung urutan jumlah bracketnya. Gampang kan? Gampang lah.

4. CSS Peek

Dengan menggunakan Ekstensi CSS Peek ini, dapat membuat kita bisa langsung mengakses definisi Class CSS dari file HTML. Jadi kita gaperlu sering-sering pindah file hanya untuk melihat Class CSS.

3. GitLens

Ekstensi yang satu ini sangat cocok buat kalian para programmer yang bekerja secara team dan menggunakan Git sebagai Version Control utama. Dengan Ekstensi Git Lens ini, kita dapat mengetahui penulis dari suatu baris kode dari source code yang kalian kerjakan.

2. Prettier

Hayoo… Kalian pasti sering kan Copy Paste code yang di share orang dari komunitas atau dokumentasi 🤣 Hayo ngakuu… Tenang, saya juga pernah kok melakukan itu, Copy Paste code itu juga salah satu tahapan kita belajar kok, gausah malu sob. Tapi pasti sering juga mengalami Indentasi yang berantakan setelah Copy Paste code ke VSCode, nah Prettier ini solusi kongkritnya. Prettier ini akan memformat kode kalian secara otomatis menjadi serapi mungkin. Ekstensi ini juga sangat berguna untuk project team, karena format penulisan kode akan distandarkan oleh Prettier ini.

1. Live Server

Kalian yang ngoding Front End pasti sering kesel kan, karena harus reload-reload terus halaman web setiap habis nge save. Sebenarnya masalah itu bisa diatasi pake XAMP, WAMP atau MAMP. Tapi kekurangan nya kita harus setup terlebih dahulu, kalau kalian ga suka yang ribet dan mau yang instan, Live Server cocok banget buat kalian. Live Server akan melakukan reload otomatis pada halaman website yang sedag kita koding saat kita nge-save kodenya, jadi ga perlu repot-repot lagi deh nge refresh halaman web setiap habis kita save

Segitu dulu ya sobb… Ntar kalo ada waktu saya share lagi… Inget! Alat yang keren tidak akan membuat mu keren.

Penulis : Tio Jevero

Mau Tutorial dan pembahasan lain seputar teknologi? Cek ke Halaman Medium ku dibawah ini.😊

https://medium.com/tio-jevero

3,448 Replies to “5 Ekstensi VSCode Terbaik untuk Web Developer”

  1. [url=https://atarax25.com/]atarax 25mg tab[/url] [url=https://tadalafil20tab.com/]tadalafil 20mg[/url] [url=https://metformin850.com/]metformin 850[/url] [url=https://antabuse250.com/]buy antabuse without prescription[/url]

  2. (CNN) – Basic ingredient of a is Sildenafil citrate. This panacea makes it least much easier on the side of men affliction from inefficacy to arrogate desire in sexual experience. generic viagra without subscription in the planning stages unemployed just like its kind by dilating the blood vessels and improving blood well forth to the penis. It expands arteries and contracts veins in the penis. August – 19, 2019 7:33

  3. qii [url=https://freecasino888.us.org/#]free slots no registration[/url] nic [url=https://freecasino888.us.org/#]free slot machine games[/url]
    aeb [url=https://freecasino888.us.org/#]hot shot casino slots[/url]

  4. canadian pharmacy online, an anti enervation drug, thump the erectile dysfunction problem efficiently and prepare for men a hazard to live his shafting life now again. It is similar to to branded viagra in all respects. Even they both confine verbatim at the same time vital ingredient, Sildenafil Citrate. a is legitimare and is approved away FDA (Foodstuffs and Cure Administering).