10 Extensions Visual Studio Code yang akan mengubah Pengalaman Pengkodean Anda
Extensions Visual Studio Code Berguna di 2022!
Halo semuanya , selamat datang di blog baru saya. Blog ini berisi tentang 10 ekstensi Visual Studio Code yang sangat berguna bagi Anda untuk perjalanan coding Anda. Di blog ini, Anda akan mengetahui beberapa ekstensi Kode VS populer & berguna yang akan mengubah pengalaman pengkodean Anda serta produktivitas Anda. Jadi tanpa penundaan waktu lebih lanjut, mari kita mulai!!
Visual Studio Code adalah editor kode sumber yang dibuat oleh Microsoft untuk Windows, Linux, dan macOS. Ini digunakan untuk debugging, penyorotan sintaks, penyelesaian kode cerdas, cuplikan, pemfaktoran ulang kode, Git tertanam, dll. Jadi ini adalah alat yang sangat kuat yang memberi Anda banyak fungsi atau layanan yang berguna.
Dalam panduan singkat ini, kita akan membahas 10 ekstensi Kode VS teratas yang harus digunakan oleh pengembang web mana pun pada tahun 2022 untuk meningkatkan pengalaman pengkodean. Kami akan membahas apa yang mereka lakukan dan bagaimana mereka dapat membuat hidup pengkodean Anda lebih mudah.
1. Live Server
Live Server memberi Anda server lokal pengembangan untuk Anda. Sebagai contoh, ketika Anda membuat situs web dan Anda ingin melihat perubahan langsung, bagaimana tampilan situs web Anda, dll. Menggunakan Ekstensi Server Langsung, Anda dapat dengan mudah menjalankan situs web Anda di server lokal ( localhost ).
2. Prettier
Prettier adalah perpanjangan dari pemformat kode. Penting bahwa kode Anda harus ditulis dengan sempurna. Menggunakan lebih cantik Anda dapat memformat kode Anda setiap kali Anda menyimpannya. Dengan menggunakan ini, Anda dapat membuat kode Anda lebih indah.
3. Thunder Clien
Klien Thunder adalah ekstensi yang paling berguna dalam pengembangan. Jika Anda menggunakan API, Anda tahu apa itu Postman. Ini adalah penguji API, yang digunakan untuk merancang, membangun, menguji, dan mengulangi API-nya. Klien Thunder sama dengan Postman. Ini adalah alternatif dari Postman yang digunakan untuk menguji API. Anda harus menggunakannya!!
4. Material Theme
Material Theme adalah tema epik sekarang untuk Visual Studio Code. Ini membantu Anda untuk memilih tema sesuai pilihan Anda. Jika Anda bekerja dengan mode gelap, begitu banyak tema yang tersedia dalam mode gelap. Jika Anda bekerja dengan mode cahaya, begitu banyak tema tersedia dalam mode cahaya, Anda dapat memilih salah satu.
5. Material Theme Icons
Ikon Tema Material, tema ikon paling epik untuk Kode Visual Studio dan Tema Material. Anda dapat memilih tema ikon untuk file Anda (seperti .txt, .png, .zip dll.).
6. Bracket Pair Colorizer
Beberapa pengembang bingung dalam ON / OFF tanda kurung. Jika itu Anda, ekstensi ini untuk Anda. Bracket Pair Colorizer memberi Anda warna berbeda untuk braket Anda. Dengan menggunakan ini, Anda dapat dengan jelas memahami di mana braket ON dan OFF.
7. ES7 + React/ Redux / React-Native Snipper
Ini adalah ekstensi untuk React, React-Native, dan Redux di JS/TS dengan sintaks ES7+. Ini sepenuhnya Dapat Disesuaikan. Ini adalah integrasi bawaan dengan yang lebih cantik. Jika Anda melakukan sebagian besar pekerjaan dengan React / Redux, maka ekstensi ini sangat membantu Anda.
8. Tailwind CSS IntelliSense
Intelligent Tailwind CSS adalah alat yang sangat membantu bagi pengembang yang bekerja dengan Tailwind CSS. Terkadang kita tidak ingat properti Tailwind CSS. Tetapi ketika Anda menulis tailwind, ekstensi ini memberi Anda saran seperti sintaks, properti, dll. Luar biasa!
9. Auto Rename Tag
Ekstensi Tag Ganti Nama Otomatis membantu kami mengganti nama tag HTML/XML yang dipasangkan secara otomatis. Kita hanya perlu mengubah nama tag awal saja, maka secara otomatis nama tag penutup akan berubah.
10. GitLens
GitLens adalah ekstensi yang kuat yang memungkinkan Anda untuk melihat siapa, mengapa, dan bagaimana baris kode telah berubah dari waktu ke waktu dan banyak lagi. Ini sangat membantu untuk sebagian besar bekerja dengan Git.
Ini adalah beberapa ekstensi terbaik yang akan membantu Anda meningkatkan keterampilan dan pengalaman pengkodean Anda. Banyak ekstensi lain yang keren ( yang tidak disebutkan di sini ) seperti,
Ekstra: Tema Ubur-ubur
JellyFish adalah tema yang sangat indah. Saya pribadi menggunakannya sekarang. Mode gelap, nuansa, dan warna sangat keren. Anda harus benar-benar mencobanya sekali.
Untuk SASS Anda dapat menggunakan ekstensi Live Sass Compiler. Secara otomatis mengubah file SASS Anda menjadi file CSS normal dan menjalankannya di browser!!
Cuplikan kode JavaScript dan Jupyter juga merupakan ekstensi terbaik untuk digunakan.
Terima kasih semoga bermanfaat yah 😊🙌
