Kami baru-baru ini menerbitkan terjemahan artikel tentang ekstensi Kode VS yang berguna untuk pengembang Python. Sekarang giliran JavaScript!
Terakhir kali, pembaca membagikan favorit mereka di komentar. Kami berharap hari ini kami juga dapat mengumpulkan koleksi yang sangat baik dari ekstensi Kode VS yang berguna untuk JavaScript.
Saya telah menggunakan PyCharm Pro dan WebStorm, IDE dari Jetbrains selama beberapa tahun sekarang . Karena ini bukan produk murah, setiap kali saya merekomendasikannya, orang menyarankan agar saya beralih ke VS Code, karena editor ini gratis dan keren pada saat yang sama. Setelah beberapa diskusi seperti itu di Reddit, saya berjanji untuk menguji VS Code dalam beberapa minggu.
Di antara keuntungan penting dari VS Code (selain, tentu saja, biaya "gratis"): kemampuan untuk menyesuaikan dan ekosistem plugin. Saya ingin mendapatkan hasil maksimal dari uji coba, itulah sebabnya saya membutuhkan plugin. Sekali lagi di Reddit saya diberi tahu sejumlah besar ekstensi berbeda, dan hari ini saya ingin berbicara tentang plugin untuk VS Code yang sangat saya sukai.
Meskipun saya bereksperimen dengan VS Code, saya terus bekerja dengan PyCharm dan WebStorm yang saya cintai, karena saya sudah terbiasa dengan mereka selama bertahun-tahun. Biaya mereka sepenuhnya dibenarkan oleh nilai dan kualitas. Karena itu, VS Code sangat mengejutkan saya: ini adalah alat yang sangat sederhana dan cepat.
ESLint
ESLint tidak diragukan lagi adalah salah satu ekstensi paling populer di kalangan pengembang JS. Ini menerapkan aturan ESLint dalam kode dan menampilkan hasilnya di editor. Ini memungkinkan Anda dengan cepat mengidentifikasi dan memperbaiki pelanggaran aturan. ESLint akan berguna untuk semua pengembang JS, karena membantu meningkatkan kinerja dan kualitas kode.
Unduh ESLint
Lebih cantik
Prettier adalah alat pemformatan kode beropini yang terintegrasi dengan VS Code, Visual Studio, Atom, Vim, Sublime Text, dan editor lainnya. Ekstensi kecil yang berguna untuk membantu Anda memformat kode, memasukkan kode, dan menyorot kata kunci agar kode lebih mudah dibaca.
Tentu saja, fitur berguna seperti itu akan mengurangi pekerjaan pemformatan dan karenanya meningkatkan produktivitas kita. Berkat Prettier, keterbacaan kode akan sangat tinggi.
Unduh Prettier
Quokka.js
The ekstensi Quokka.js menyediakan prototipe JavaScript cepat dalam editor Kode VS. Ini adalah kotak pasir real-time untuk pengembang JavaScript dan TypeScript. Quokka.js sering disebut sebagai buku catatan modern untuk pengembang JavaScript.
Pernahkah Anda ingin menguji sesuatu dengan cepat dan akhirnya menggunakan konsol browser? Atau apakah Anda menjalankan
node
-process di terminal dan mencobanya di sana? Tujuan utama ekstensi ini adalah menjalankan kode dengan cepat dan mudah langsung di editor VS Code.
Unduh Quokka.js
Klien REST
Klien REST adalah ekstensi untuk VS Code yang memungkinkan Anda mengirim permintaan HTTP dan melihat respons langsung di VS Code.
Ini adalah Postman untuk VS Code, tetapi mudah dibangun ke editor kode.
Klien REST mendukung API REST dan GraphQL.
Unduh REST Client
Debugger untuk Chrome
Debugging JavaScript bisa membuat frustasi. Chrome dan browser lain menawarkan alat hebat untuk membantu Anda memulai.
Namun, mereka seringkali tidak mudah untuk dikerjakan. Selain itu, alat seperti itu sangat tidak nyaman, terutama saat menggunakan kerangka kerja dan banyak pustaka.
Debugger untuk Chrome adalah ekstensi yang dikembangkan oleh Microsoft yang membantu Anda dengan mudah men-debug kode Anda untuk setiap perubahan kecil.
Konsol ekstensi sangat mengejutkan dengan kekuatannya, terutama ketika Anda perlu mencari tahu di baris dan fungsi mana kesalahan terjadi. Anda bahkan dapat melacak pemrosesan data.
Jalankan kode di Chrome dan debug di editor kode.
Unduh Debugger untuk Chrome
Server Langsung
Live Server memungkinkan Anda menjalankan server pengembangan lokal dengan fungsionalitas live-reload untuk halaman statis dan dinamis. Ini sangat tidak relevan bagi mereka yang bekerja dengan kerangka kerja yang telah menyiapkan live-reload, seperti React. Namun, jika Anda bekerja dengan pustaka lain atau konten statis, ekstensi ini pasti akan berguna untuk Anda.
Unduh Live Server
Bagikan Langsung
Ini adalah alat yang luar biasa! Saya tidak yakin apakah ada yang seperti ini untuk WebStorm. Dengan Live Share, Anda dapat membagikan editor kode Anda dengan orang lain. Ini sempurna untuk pemrograman berpasangan, terutama sekarang karena kebanyakan orang masih bekerja dari jarak jauh karena pandemi.
Saya mencobanya dan saya menyukainya!
Unduh Live Share
Cuplikan Kode JavaScript (ES6)
Seperti yang mungkin Anda perhatikan, hampir semua ekstensi dalam daftar ini adalah peningkatan kinerja, dan Cuplikan Kode JavaScript (ES6) tidak terkecuali.
Nama itu berbicara sendiri! Ekstensi ini akan membantu meningkatkan kecepatan pengkodean dengan bekerja dengan sekumpulan cuplikan yang telah ditentukan sebelumnya. Cuplikan dapat disesuaikan sesuai dengan preferensi kami dengan menginstal paket yang sudah dibuat sebelumnya atau membuat sendiri.
Unduh Cuplikan Kode JavaScript (ES6)
Babel JavaScript
JavaScript telah berkembang pesat belakangan ini. Sejumlah besar kerangka kerja dan pustaka telah muncul, misalnya, React, Flow, GraphQL, dan, sebagai hasilnya, banyak cara baru untuk mendesain kode.
Babel JavaScript memungkinkan Anda bekerja dengan sintaks JavaScript terbaru serta pustaka yang tercantum di atas. Ekstensi ini menawarkan editor JavaScript versi sintaks terbaru dan terindah.
Unduh Babel JavaScript
Satu pro gelap
Pengembang menghabiskan waktu lama dalam editor kode, jadi sangat penting bagi kami untuk puas dengan tampilan dan estetikanya. One Dark Pro adalah tema VS Code yang membuat editor terlihat lebih cantik, seperti yang biasa saya lakukan.
Unduh One Dark Pro
Keluaran
Setelah mencoba VS Code, saya terkejut saat menyadari betapa cepat dan andal itu.
Dengan menyesuaikannya dengan ekstensi, saya juga bisa merasakan betapa hebatnya itu.
Karena ini adalah salah satu editor kode paling populer di pasar (jika bukan yang paling populer), ada komunitas besar yang membuat alat dan ekstensi untuk membuatnya lebih baik. Inilah yang selalu saya sukai tentang produk Jetbrains dan yang saya sukai dari VS Code sekarang.
VS Code adalah pilihan tepat untuk pengembang mana pun. Saya merekomendasi! Namun, WebStorm dan PyCharm masih memiliki tempat khusus di hati saya.
Terima kasih telah membaca artikel ini!