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

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

青灯夜游
青灯夜游ke hadapan
2022-03-10 20:01:5756988semak imbas

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.

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

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.


[Ringkasan Hematemesis] 23 pemalam VSCode untuk membantu anda meningkatkan kecekapan pembangunan dan estetika
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

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

The penggunaan adalah mudah:

  • Gunakan arahan untuk memaparkan Codesnap

  • Salin kod yang anda mahu menjadi sebahagian daripada output

  • Simpan imej secara setempat

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

2 :emojisense:

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

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

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

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

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.

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

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

4 Tema Bahan

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

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

Berikut ialah tema FireFly Pro yang saya gunakan secara peribadi.

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

5 Penanda Halaman

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

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

6 Pewarna Pasangan Kurungan

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

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

7 vscode-icon

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

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

Kelas pengaturcaraan (bahagian hadapan)

1 Vetur

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

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

2 Auto Tutup Teg

Auto Close TagTutup teg HTML/XML secara automatik.

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

3 Auto Rename Tag

Auto Rename TagNamakan semula teg HTML/XML secara automatik.

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

4 formatter: CSS/LESS/SCSS formatter

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

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

5 Pelayan Langsung

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

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

6 Penyahpepijat untuk Chrome

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

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

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.

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

2 C Intellisense

C IntellisenseMenambahkan persepsi pintar C/C kepada VSCode.

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

3 Alat CMake

CMake ToolsMenambahkan sokongan dan kesedaran CMake pada VSCode.

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

Kelas Pengaturcaraan (Python)

1 Python

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

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

2 Jupyter

Jupyter Menambah sokongan berfungsi untuk Jupyter Notebook kepada VSCode.

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

Kelas Kecekapan

1 Graf Git

Git GraphVisualkan proses penyerahan Git anda.

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

2 koroFileHeader

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

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

3 Code Runner

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

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

4 Komen Lebih Baik

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

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

5 CodeTime

CodeTime Menyediakan analisis data masa pengekodan anda setiap hari.

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

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!

Kenyataan:
Artikel ini dikembalikan pada:csdn.net. Jika ada pelanggaran, sila hubungi admin@php.cn Padam