10 konfigurasi VSCode lanjutan yang patut dikumpulkan (kongsi)

Artikel ini akan berkongsi dengan anda 10 konfigurasi VSCode lanjutan.

Penyiksaan Jiwa: Berapa baris yang terdapat pada fail Kod VS settings.json anda?

Saya menyemak dan terdapat lebih daripada 60 baris beberapa daripadanya kelihatan biasa, tetapi saya tidak tahu untuk apa ia dikonfigurasikan; Artikel ini membawa 10

item konfigurasi (pemasangan) tahap tinggi (cawan)~

settings.json1 Sembunyikan bar aktiviti

Senarai ikon di sebelah kiri VS Code ialah "bar aktiviti. " , kita boleh klik pada ikon untuk melompat ke setiap modul, dan kita boleh mengawal paparan bar aktiviti dengan mengkonfigurasi

. [Pembelajaran yang disyorkan: "

tutorial vskodworkbench.activityBar.visible"]

Jika anda ingin memulihkan paparan, anda boleh menyesuaikan kekunci pintasan untuk memaparkan ruang ini semula;

Cara menetapkan kekunci pintasan:

keybindings

Kita boleh menggunakan

untuk menyembunyikan/menunjukkan penjelajah fail, gunakan

untuk menyembunyikan/menunjukkan bar aktiviti; Ctrl BCtrl Alt BWalaupun, anda juga boleh mencari dalam panel arahan

, tetapi menggunakan kekunci pintasan akan mempunyai kesan bekam yang lebih baik~

Ctrl Shift PBar aktiviti berada dalam keadaan tersembunyi , kita juga boleh melompat ke ruang kerja yang berbeza melalui kekunci pintasan, seperti

(lompat ke penjelajah fail),

(lompat ke sambungan), Ctrl Shift E (cari dan ganti), dsb. Ctrl Shift XCtrl Shift H2. Pengekodan AI

GitHub Copilot ialah lanjutan Kod VS yang menghasilkan coretan kod semasa anda menulis kod; mungkin Akan ada beberapa kod yang anda tidak suka, tetapi tolong jangan benci, lagipun, pengekodan AI adalah trend masa depan!

Atas sebab privasi, adalah disyorkan untuk tidak menggunakan Copilot di tempat kerja, tetapi anda boleh menggunakannya dalam projek peribadi, ia menarik dan berguna, terutamanya untuk ujian unit

Anda boleh mengkonfigurasi Copilot dalam

;

3 Fon dan penskalaan

settings.json Ini tidak banyak dijelaskan, konfigurasikan saiz teks dan penskalaan mengikut keperluan anda sendiri; 🎜>

Sudah tentu, anda tidak perlu menulis konfigurasi ini dalam

, anda juga boleh mengkonfigurasinya dalam tetingkap konfigurasi pilihan dan input.

4. Tiada pengesahan seret/pemadaman

Jika anda cukup yakin dengan kemahiran pengaturcaraan anda, atau dalam Kod VS settings.json, anda boleh mengkonfigurasi pengesahan pemadaman batal; kadang-kadang mengganggu idea~

Ctrl Z

5. Mengemas kini sendiri laluan mutlak

Cara terbaik untuk menggunakan VS Code One ciri terbaik ialah import failnya mesra, menggunakan laluan mutlak, contohnya: lebih selesa daripada

; Apabila memindahkan fail dan menyusun semula direktori, saya harap Kod VS boleh mengemas kini secara automatik Laluan ke fail? Anda boleh mengkonfigurasinya:

@/components/Button../../Button Sila ambil perhatian bahawa anda perlu mengkonfigurasi laluan dalam fail .tsconfig/.jsconfig untuk menggunakan import laluan mutlak.

6. Simpan dan jalankan

Sesiapa yang telah mengkonfigurasi ESLint untuk menyimpan dan membetulkan harus mengetahui konfigurasi ini. Ini sangat berkuasa. Dengan , anda juga boleh

menambah Import yang hilang, atau tindakan lain yang ingin anda lakukan selepas menyimpan

Konfigurasi ini seperti Ianya; sihir pengaturcaraan~fixAlladdMissingImports7. Pemformatan CSS

Anda mungkin sudah menggunakan Stylelint, jika tidak, sila tetapkan dalam konfigurasi!

Tetapan lain ialah editor.suggest.insertMode, yang apabila ditetapkan kepada “replace” bermakna - apabila anda memilih gesaan dan tekan Tab atau Enter, keseluruhan teks akan digantikan dengan gesaan, yang sangat berguna.

8. Hidupkan Emmet

Anda mungkin biasa dengan Emmet - kit alat penting untuk pembangun web, jika tidak, sila sediakannya walaupun ia terbina dalam Kod VS mesti dikonfigurasikan secara manual Dayakan;

9 Tailwind CSS

Tailwind CSS ialah rangka kerja CSS yang berfungsi pertama yang menyepadukan fungsi seperti flex, <.>, Kelas seperti pt-4 dan text-center boleh digabungkan terus dalam penanda skrip untuk membina sebarang reka bentuk. rotate-90

Walaupun ia tidak terbina dalam Kod VS pada masa ini, ia boleh dipasang sebagai sambungan Kod VS percuma, dan tetapan tambahan boleh dikonfigurasikan untuk meningkatkan fungsinya!

10 Klik untuk membuka fail

Terdapat fenomena aneh dalam antara muka pengguna lalai Kod VS. Ia perlu diklik dua kali bukanya dari dokumen explorer.

Apa yang anda dapat dengan satu klik ialah mod "pratonton" pelik di mana fail pertama hilang apabila anda mengklik pada fail seterusnya. Macam ada satu label sahaja.

Konfigurasi ini diperlukan, selepas ditutup, klik akan membuka fail dalam tab baharu. Masalah selesai~

Segerakkan konfigurasi dengan

dan anda boleh memperibadikan dan menyesuaikannya ke mana sahaja anda pergi! Sejuk! Settings Sync

Untuk lebih banyak pengetahuan berkaitan pengaturcaraan, sila lawati:

Pengenalan kepada Pengaturcaraan! !

Atas ialah kandungan terperinci 10 konfigurasi VSCode lanjutan yang patut dikumpulkan (kongsi). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!