[Organisasi dan perkongsian] 30 pemalam VSCode, sentiasa ada satu yang sesuai untuk anda

Artikel ini terutamanya memperkenalkan beberapa pemalam yang baik yang telah saya gunakan dalam proses menggunakan VSCode selama ini. 30 pemalam VSCode ini, sentiasa ada satu yang sesuai untuk anda!

1. Pelayan Langsung

Pelayan Langsung ialah pelayan kecil dengan fungsi pemuatan masa nyata boleh digunakan sebagai pelayan masa nyata dalam projek Lihat hasil halaman web atau projek yang dibangunkan dalam masa nyata. [Pembelajaran yang disyorkan: "tutorial pengenalan vscode"]

Ia adalah untuk memulakan pelayan pembangunan tempatan dengan fungsi muat semula masa nyata untuk halaman statik dan dinamik Klik dalam bar status untuk memulakan atau Hentikan pelayan.

2. Auto Namakan Teg

Gunakan sambungan ini untuk menamakan semula teg HTML secara automatik apabila menamakan semula teg pembukaan dan penutup. Elakkan mengubah suai teg pembukaan sahaja dan terlupa untuk mengubah suai teg penutup. Sambungan berfungsi dengan HTML, XML, PHP dan JavaScript.

3. Pewarna Pasangan Kurung

Gunakan pemalam ini untuk membezakan kurungan dalam kod dengan warna yang berbeza dengan banyak kurungan Kod ini sangat praktikal. Pemalam ini juga menyokong warna kurungan tersuai.

4. Sorotan Warna

Pelanjutan ini boleh digunakan untuk menggayakan warna CSS. Selain CSS, ia juga mewarnai fail JavaScript, HTML, JSON, dsb. yang tidak memaparkan warna lalai. Pemalam mewarnakan nama warna, warna RGB, RGBA dan HEX.

5 Komen yang Lebih Baik

Pelanjutan Ulasan yang Lebih Baik boleh membantu kami membuat lebih banyak ulasan yang mesra pengguna dalam kod, dalam bentuk yang berbeza. dan nota warna untuk kita pilih.

6. GitLens

GitLens mempertingkatkan fungsi Git yang terbina dalam Kod Visual Studio. GitLens membantu kami memahami kod kami dengan lebih baik. Lihat dengan cepat siapa yang menukar baris atau blok kod, mengapa dan bila. Selain itu, ia membolehkan kami meneroka sejarah dan evolusi asas kod dengan mudah.

7. VSCode-Icons

VSCode-Icons ialah pemalam imej fail yang boleh memberikan ikon berbeza kepada jenis fail dalam projek itu. Memudahkan kita untuk membezakan antara jenis fail yang berbeza.

Selepas pemasangan selesai, ikuti langkah di bawah untuk menggunakannya: Fail → Keutamaan → Tema Ikon Fail → Ikon VSCode.

8. Tabnine

tabnine ialah pemalam berbilang bahasa yang boleh membantu kami melengkapkan input kod secara automatik. Matlamat Tabnine adalah untuk meningkatkan produktiviti pembangun melalui sistem berasaskan AI.

9. Papan Pemuka Projek

Papan Pemuka Projek ialah pemalam papan pemuka projek yang boleh menyenaraikan folder, fail, dll yang kerap diakses . Sematkan pada papan pemuka anda untuk mengaksesnya dengan cepat.

10 CodeSnap

CodeSnap ialah pemalam tangkapan tangkapan skrin vscode Hanya pilih segmen kod yang sepadan dalam projek untuk dibuat dengan cepat Tangkapan skrin kod.

11 CSS Peek

Pemalam CSS Peek membolehkan kami memilih nama kelas atau id dalam HTML dengan menahan bawah kekunci Ctrl Butang kiri tetikus boleh terus mencari CSS nama, meningkatkan kecekapan pembangunan.

12. Autolengkap Laluan

Autolengkap Laluan menyediakan autolengkap laluan untuk Kod VS, jadi anda tidak t perlu Ingat laluan fail yang panjang itu.

13. Auto Close Tag

Pemalam Auto Close Tag digunakan untuk melengkapkan teg penutup HTML secara automatik.

14 Vetur

Pemalam yang mesti ada untuk pembangunan Vue, yang menyediakan alatan berguna untuk Vue.js, seperti penyahpepijatan, penyemakan ralat, penyerlahan sintaks, coretan.

15. IntelliCode

IntelliCode direka untuk membantu pembangun memberikan cadangan kod pintar. Ia menyokong Python, TypeScript/JavaScript, React, dan Java secara lalai. IntelliCode menjimatkan masa dengan meletakkan kandungan yang paling mungkin anda gunakan di bahagian atas senarai. Pengesyoran IntelliCode adalah berdasarkan beribu-ribu projek sumber terbuka di GitHub. Pemalam

16. Import Cast

digunakan untuk memaparkan saiz pakej yang diimport dalam baris dalam editor. Sambungan ini menggunakan pek web untuk mengesan saiz pakej yang diimport.

17. Beautify

Beautify boleh membantu kami memformat paparan kod dengan cara yang lebih cantik. Ia menyokong bahasa popular seperti JavaScript, JSON, CSS, Sass dan HTML.

18 Masa Kod

Masa Kod boleh mengira masa kami menggunakan Kod Visual Studio. Pelbagai penunjuk data disediakan.

19 Tetapan Sync

Settings Sync digunakan untuk menyimpan tetapan Visual Studio Code pada GitHub dan mudah Ia digunakan untuk yang lain. komputer, seperti maklumat tentang sambungan atau tetapan sistem. Pemalam ini memudahkan untuk menyediakan banyak mesin yang berbeza tanpa perlu membuka sambungan yang dipasang sebelum ini dan tetapan berkaitan.

20. Kongsi Langsung

Kongsi Langsung membantu pembangun dalam pasukan berkongsi kod dalam program dalam masa nyata, menjadikannya mudah untuk diedit dan Penyahpepijat seperti sesi penyahpepijatan yang dikongsi, contoh terminal, aplikasi web localhost, panggilan suara, dsb.

21. Pemeriksa Ejaan Kod

Pemeriksa Ejaan Kod boleh membantu kami menyemak sama ada terdapat kesilapan ejaan dalam perkataan. Undang-undang penamaan kes unta).

22 Ralat Lens

**Error Lens ** ialah alat untuk menyemak kod (ralat, amaran, isu sintaks. ) ialah pemalam untuk menyerlahkan. Ralat Lens meningkatkan keupayaan diagnostik bahasa dengan menjadikan diagnostik lebih menonjol, menyerlahkan keseluruhan baris diagnostik yang dijana oleh bahasa dan mencetak mesej diagnostik dalam talian dalam talian di lokasi baris kod.

23. ES7 React/Redux/GraphQL/React-Native coretan

React/Redux/Reatc Native/react-router Petua sintaks pintar, yang mesti dimiliki oleh pembangun React. Dengan bantuan coretan kod ini, anda boleh membuat komponen berasaskan kelas, komponen fungsi dengan mudah.

24 REST Client

REST Client ialah sambungan Kod VS yang membenarkan menghantar permintaan HTTP dan melihatnya terus dalam Kod VS. tindak balas. Ia adalah Posman untuk Kod VS dan boleh disepadukan dengan mudah ke dalam editor kod. Pelanggan REST menyokong kedua-dua API REST dan GraphQL.

25. JavaScript Booster

JavaScript Booster secara automatik mencadangkan tindakan pantas untuk memfaktorkan semula atau meningkatkan kod anda dengan menganalisis kod dan konteksnya . Ia menyokong berbilang operasi kod daripada syarat pemfaktoran semula, pengisytiharan, fungsi, TypeScript, janji, JSX dan banyak lagi.

26. Live SASS Compiler

Sambungan Live SASS Compiler boleh menyusun atau menterjemah fail SASS atau SCSS ke dalam fail CSS secara sebenar masa.

27. Remote-SSH

Disediakan Remote-SSH boleh menggunakan mana-mana mesin jauh dengan pelayan SSH sebagai persekitaran pembangunan. Oleh kerana sambungan menjalankan arahan terus pada mesin jauh, anda boleh mengendalikan pelayan jauh dengan cepat tanpa mempunyai kod sumber pada mesin tempatan anda.

28 Penyahpepijat untuk chrome

Penyahpepijat untuk chrome ialah sambungan Kod VS yang dibangunkan oleh Microsoft, yang membolehkan kami menggunakan VS Kod Penyahpepijatan kod JS. Anda boleh menetapkan titik putus, langkah melalui kod, nyahpepijat skrip yang ditambah secara dinamik dan banyak lagi. Ia membantu mengesan ralat pada awal proses pembangunan.

29 npm Intellisense

Selepas npm memasang pakej, sediakan pemalam semasa memerlukan untuk mendapatkan gesaan pintar, masuk penyata import Isi modul npm secara automatik.

30 Pratonton imej

Apabila tetikus melayang di atas pautan imej, anda. boleh pratonton dalam masa nyata Imej, antara lain, juga boleh melihat saiz dan resolusi imej.

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

Atas ialah kandungan terperinci [Organisasi dan perkongsian] 30 pemalam VSCode, sentiasa ada satu yang sesuai untuk anda. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!