Rumah >alat pembangunan >VSCode >Satu helah untuk mengajar anda menggunakan pemalam dalam vscode untuk menggantikan kod keseluruhan projek (kegemaran)
Dalam artikel sebelumnya "Penjelasan ringkas tentang penghasilan dan penggunaan ikon fon css (perkongsian kod) ", kami mengetahui tentang penghasilan dan penggunaan ikon fon css. Artikel berikut akan menunjukkan kepada anda cara menggunakan pemalam dalam vscode untuk menggantikan kod keseluruhan projek. Mari kita lihat cara melakukannya.
Gunakan pemalam vscode
ini untuk menggantikan kod keseluruhan projek dalam beberapa minit
Memandangkan alat gogocode
adalah sumber terbuka, kami telah mendengar panggilan daripada rakan kongsi komuniti untuk pemalam vscode
, jadi kami menggunakan semula keupayaan playground
, digabungkan dengan tempatan fail dan struktur direktori, dan dibangunkan Mendapat pemalam vscode
!
alamat taman permainan https://play.gogocode.io/
pemalam vscode https://marketplace.visualstudio.com/items?itemName=mmfe .vscode-gogocode
Perasaan saya selepas menggunakannya ialah: Sepatutnya saya dengar cakap kawan-kawan tadi, memang sedap!
Sekarang pemalam telah terbentuk, izinkan saya memperkenalkan cara menggunakan pemalam GoGoCode
untuk melakukan penukaran dan pengubahsuaian kod kelompok dengan mudah.
vscode
Cari gogocode
dalam stor pemalam
Cuba tukarkan fail tunggal
1 Klik kanan fail dan "Tukar dengan GoGoCode
" untuk membuka tetingkap pemalam
2. Tulis kod penukaran: Saya mahu menulis semula component
Kaedah pengenalan ialah menukar kod dalam bentuk (resolve) => require([xxx], resolve)
kepada () => import(xxx)
Jika anda mempunyai senario pemprosesan yang lebih kompleks, anda boleh menulis logik penukaran berdasarkan gogocode Rujuk kepada dokumentasi Pada masa ini, ia menyokong js, Penukaran html dan vue
3. Gantikan fail sumber: the. kesan penukaran adalah serta-merta, klik replace
, dan fail akan berjaya diubah suai~
Fail tukar kelompok
gogocode
Pemalam juga menyokong penggantian dalam keseluruhan projek atau dalam berbilang fail yang dipilih
1 Pilih folder: klik kanan pada direktori fail dan pilih "Tukar dengan gogocode
"
Jika anda ingin menyekat beberapa fail atau folder yang dipilih, anda boleh ctrl-klik berbilang fail dan kemudian mengalih keluarnya dalam kelompok2 Tulis kod penukaran 3. Gantikan fail asal:
hanya boleh menggantikan fail yang sedang dipaparkan, replace
boleh menggantikan semua fail dalam pepohon direktori replaceAll
Apabila menggantikanSemua, hanya fail yang berjaya ditukar akan diganti, dan fail dengan ralat penukaran tidak akan digantiSebagai tindak balas kepada keperluan ini, rakan dalam kumpulan pertukaran menyumbang peraturan tetap: Ia benar-benar mudah untuk menggunakan ungkapan biasa untuk penggantian mudah, tetapi terdapat banyak kes tepi untuk dipertimbangkan, seperti ruang, baris baharu, aksara khas, dsb. Untuk situasi yang lebih kompleks di mana sukar untuk menggunakan ungkapan biasa, anda dialu-alukan untuk menggunakan
. gogocode
boleh menikmati peningkatan satu klik kod gogocode
ke Hak! vue2
vue3
Anda hanya perlu klik kanan pada folder dan pilih "
". Anda tidak perlu menaip arahan atau menyalin dan menampal laluan untuk menukar kod dengan satu klik . Lagi tentang vue2
naik taraf boleh didapati Klik di sini: Alimama telah membuat alat baharu untuk membantu anda menukar kod vue3
kepada vue
Vue2
Vue3
Pembelajaran yang disyorkan:tutorial vscode
Atas ialah kandungan terperinci Satu helah untuk mengajar anda menggunakan pemalam dalam vscode untuk menggantikan kod keseluruhan projek (kegemaran). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!