[Ringkasan Hematemesis] 23 pemalam VSCode untuk membantu anda meningkatkan kecekapan pembangunan dan estetika

Artikel ini meringkaskan 23 pemalam VSCode dengan pelbagai fungsi, yang boleh membantu pembangun meningkatkan kecekapan dan estetika pembangunan. Saya harap ia akan membantu semua orang.

Apakah itu VSCode?

VSCode (nama penuh: Visual Studio Code) ialah editor kod sumber percuma merentas platform yang dibangunkan oleh Microsoft. Perisian ini menyokong penonjolan sintaks, pelengkapan automatik kod, pemfaktoran semula kod, fungsi definisi lihat, dan mempunyai alatan baris arahan terbina dalam dan sistem kawalan versi Git. Pengguna boleh menukar tema dan pintasan papan kekunci untuk memperibadikan tetapan, dan juga boleh memasang sambungan melalui gedung sambungan terbina dalam untuk mengembangkan fungsi perisian. [Pembelajaran yang disyorkan: "tutorial pengenalan vscode"]

VSCode menyokong banyak bahasa pengaturcaraan secara lalai, termasuk JavaScript, TypeScript, CSS dan HTML ; Bahasa tambahan termasuk Python, C/C , Java dan Go juga boleh dimuat turun sebagai sambungan. VSCodePenyahpepijatan Node.js program juga disokong.

VSCodeMenyokong membuka berbilang direktori pada masa yang sama dan menyimpan maklumat dalam ruang kerja untuk digunakan semula. Sebagai editor merentas platform, VSCode membenarkan pengguna menukar halaman kod, pemisah baris dan bahasa pengaturcaraan sesuatu fail.

Muat turun dan pasang VSCode

• Windows
  Buka laman web rasmi VSCode untuk memuat turun langsung Boleh.

• Linux
  Memasang VSCode pada platform Linux adalah sangat perlahan Anda boleh menggunakan kaedah berikut:

• Muat turun VSCode daripada sumber domestik
• Ekstrak pakej termampat dan alihkannya ke direktori usr/local: sudo mv VSCode-linux-x64 /usr/local/
• Dapatkan kebenaran berjalan: sudo chmod x /usr/local/VSCode-linux-x64/code
• Pasang VSCode (Perhatikan bahawa hanya hak pengguna biasa boleh digunakan di sini): /usr/local/VSCode-linux-x64/code
• Buat pautan lembut: sudo ln -s /usr/local/VSCode-linux-x64/code /usr/local/bin/vscode, dan kemudian masukkannya melalui terminal di mana-mana lokasi vscodeMulakan perisian

Koleksi pemalam VSCode

Kategori cantik

1 CodeSnap

CodeSnap dengan mudah boleh menjana resolusi tinggi, gambar kod yang cantik

The penggunaan adalah mudah:

• Gunakan arahan untuk memaparkan Codesnap

• Salin kod yang anda mahu menjadi sebahagian daripada output

• Simpan imej secara setempat

2 :emojisense:

:emojisense: boleh mengeluarkan emotikon untuk dokumen MarkDown atau baris arahan, membolehkan pengaturcaraan Lebih menarik

Hanya salin tag yang anda suka dalam koleksi Emoji Sebagai contoh, di bawah saya menambah emotikon baris arahan proses latihan set data.

3 Marquee

Marquee boleh mengubah skrin utama pengaturcaraan menjadi lebih praktikal atau cantik. Dengan sambungan ini anda boleh menonton laporan berita, cuaca! Di samping itu, Marquee membenarkan pengguna menambah item pada senarai tugasan peribadi, serta papan gores untuk nota pantas. Beberapa ciri pemalam yang kecil tetapi berguna.

4 Tema Bahan

Material Theme Pasang tema berbeza untuk VScode, membolehkan Anda sesuaikan penampilan keseluruhan editor mengikut keinginan anda.

Berikut ialah tema FireFly Pro yang saya gunakan secara peribadi.

5 Penanda Halaman

Bookmarks membolehkan anda menanda halaman baris kod tertentu dalam fail berbeza dalam ruang kerja anda.

6 Pewarna Pasangan Kurungan

Bracket Pair ColorizerTambahkan warna berbeza pada kurungan untuk membezakan blok yang berbeza dengan mudah.

7 vscode-icon

vscode-iconsGanti fail VSCode dengan ikon yang kelihatan lebih baik.

Kelas pengaturcaraan (bahagian hadapan)

1 Vetur

VeturMenyediakan penyerlahan sintaks untuk Vue projek , penderiaan pintar, dsb.

2 Auto Tutup Teg

Auto Close TagTutup teg HTML/XML secara automatik.

3 Auto Rename Tag

Auto Rename TagNamakan semula teg HTML/XML secara automatik.

4 formatter: CSS/LESS/SCSS formatter

formate: CSS/LESS/SCSS formatterFormat CSS/LESS/SCSS untuk meningkatkan seks kebolehbacaan.

5 Pelayan Langsung

Live ServerLancarkan pelayan tempatan pembangunan dengan keupayaan muat semula secara langsung untuk halaman statik dan dinamik.

6 Penyahpepijat untuk Chrome

Debugger for ChromeBenamkan penyahpepijatan kod JS ke dalam penyemak imbas Chrome.

Kelas Pengaturcaraan (C/C)

1 C/C

C/C Ditambah untuk VSCode Ia menyediakan sokongan bahasa untuk C/C, termasuk fungsi seperti IntelliSense dan Debugging.

2 C Intellisense

C IntellisenseMenambahkan persepsi pintar C/C kepada VSCode.

3 Alat CMake

CMake ToolsMenambahkan sokongan dan kesedaran CMake pada VSCode.

Kelas Pengaturcaraan (Python)

1 Python

PythonTambahkan sokongan untuk Python kepada Bahasa VSCode sokongan, termasuk fungsi seperti IntelliSense dan Penyahpepijatan.

2 Jupyter

Jupyter Menambah sokongan berfungsi untuk Jupyter Notebook kepada VSCode.

Kelas Kecekapan

1 Graf Git

Git GraphVisualkan proses penyerahan Git anda.

2 koroFileHeader

koroFileHeader digunakan untuk memformat komen pengepala fail yang dijana dan ulasan fungsi.

3 Code Runner

Code Runner digunakan untuk terus menjalankan coretan kod atau fail dalam berbilang bahasa.

4 Komen Lebih Baik

Better Comments Menyediakan penyerlahan pelbagai jenis ulasan khusus untuk ulasan kod.

5 CodeTime

CodeTime Menyediakan analisis data masa pengekodan anda setiap hari.

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

Atas ialah kandungan terperinci [Ringkasan Hematemesis] 23 pemalam VSCode untuk membantu anda meningkatkan kecekapan pembangunan dan estetika. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!