11 pemalam penting VSCode kosong untuk membantu anda mencipta IDE pembangunan bahagian hadapan

VSCode Ringan, sumber terbuka, VSCode yang baru dimuat turun tidak berguna, lemah dan tidak mempunyai fungsi pengurusan projek.

VSCode yang ringan mungkin agak naif untuk pembangunan bahagian belakang, tetapi ia sesuai untuk pembangunan bahagian hadapan Lagipun, anda tidak perlu melakukan Docker, pangkalan data, dll. Hanya pasang dua Pemalam VSCode dan buka halaman web Kerja telah bermula.

Artikel ini akan memperkenalkan beberapa pemalam penting VSCode kosong dari perspektif pembangun bahagian hadapan untuk mencipta IDE pembangunan mesra hadapan. [Pembelajaran yang disyorkan: tutorial vskod, Video pengaturcaraan]

1 Pengurus Projek

Pengurus Projek digunakan untuk mengurus. projects , dengan itu, anda boleh bertukar dengan cepat antara pelbagai projek dalam VSCode, tanpa perlu bersusah payah melalui direktori fail peringkat demi peringkat untuk akhirnya memilih fail projek yang anda inginkan.

Cuma masukkan Simpan Projek dalam Palet dan tekan Enter untuk menyimpan projek semasa.

Kemudian anda boleh melihat item yang anda tambahkan dalam menu yang betul, dan klik dan tuding pada item untuk bertukar kepada item itu, yang sangat mudah.

Ia juga menyediakan tag Tag untuk membahagikan projek anda.

2 GitLens

GitLens Anda boleh tahu apa yang dilakukan oleh VSCode dengan bantuan Git terbina dalam ini pemalam Pengalaman interaktif lebih baik daripada Webstorm.

Ia boleh melihat maklumat pengubahsuaian kod dengan mudah.

Anda boleh melihat maklumat perubahan baris tertentu

Tuding dan anda boleh melihat maklumat khusus

Halaman pengenalan GitLens mempunyai lebih daripada 10,000 perkataan, yang menunjukkan bahawa ia mempunyai fungsi yang lengkap, jadi saya tidak akan menerangkan butiran di sini.

3. Perihal

Kekunci Tab VSCode keluaran t secara lalai, yang sangat tidak selesa untuk orang yang biasa menggunakan WebStorm dan Eclipse fikir Untuk menggunakan Tab untuk melompat keluar dari kurungan, anda boleh menggunakan TabOut ini.

4 Pelayan Langsung

Pelayan Langsung juga terkenal, ia boleh pergi ke Muatan panas masa nyata dan kemas kini kod.

Sebenarnya, Websocket digunakan untuk melaksanakan kemas kini kod Live Server sangat berguna semasa menulis beberapa halaman HTML ujian.

5. Pemeriksa Ejaan Kod

Apabila mengeja beberapa kaedah berubah, kami mungkin tersilap mengeja perkataan Pemeriksa Ejaan Kod boleh membantu mengesan kesilapan anda.

Apabila perkataan yang salah dikesan, anda juga boleh melihat beberapa cadangan perkataan yang diberikan kepada anda:

6 . Pratonton Imej

Apabila berbilang URL imej diperkenalkan ke dalam projek, adalah menyakitkan untuk melihat setiap imej, Pratonton imej Selesaikan sedemikian sesuatu perkara.

7 Kos Import

Dalam projek hadapan, kami selalunya perlu mengimport pelbagai pakej pergantungan, melalui Kos Import Anda boleh melihat saiz pakej yang diimport untuk memudahkan pengoptimuman.

8 Petunjuk Parameter

Petunjuk Parameter akan memaparkan nama parameter fungsi .

9 Serlahkan Teg Padanan

Serlahkan Teg Padanan boleh menyerlahkan simbol padanan kod HTML dan JSX anda.

10 inden-pelangi

Inden-pelangi Anda juga boleh mengesot kod. Berubah menjadi pelangi yang indah?.

11 Blockman

Blockman boleh menyerlahkan tempat anda berada pada blok penyuntingan kod.

Posskrip

Untuk VSCode, bilangan pemalam adalah banyak Untuk senario pembangunan biasa, terdapat banyak pemalam pemprosesan yang sepadan yang perlu digunakan. Hanya cari di Marketplace, sebagai contoh, projek React:

Perlu diambil perhatian bahawa memasang terlalu banyak pemalam tidak semestinya sesuatu yang baik Mekanisme pemalam VSCode juga didorong oleh peristiwa Kelemahan yang dibawa oleh terlalu banyak pemalam adalah konflik fungsi pemalam dan sebaliknya penggunaan prestasi, iaitu, menjadikan VSCode lambat.

Untuk pengetahuan lanjut tentang VSCode, sila lawati: tutorial asas vscode!

Atas ialah kandungan terperinci 11 pemalam penting VSCode kosong untuk membantu anda mencipta IDE pembangunan bahagian hadapan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!