Perkongsian pemalam vscode: 6 pemalam penting untuk pembangunan Vue3

Artikel ini akan berkongsi dengan anda 6 Vue3 pemalam penting VSCode, yang boleh dipasang dan digunakan terus melalui pusat pemalam VSCode berguna untuk semua orang!

1 Perkongsian pemalam vscode: 6 pemalam penting untuk pembangunan Vue3

1.53 juta muat turun+

Saya percaya bahawa pelajar yang menggunakan VSCode untuk membangunkan Vue2 akan biasa dengan pemalam Vetur Sebagai pemalam VSCode sokongan untuk Vue2, fungsi utamanya adalah untuk menyediakan penserlahan, sokongan sintaks dan pengesanan sintaks untuk komponen fail tunggal Vue. . [Pembelajaran yang disyorkan: tutorial vskod, Pengajaran pengaturcaraan, tutorial video vuejs]

Dengan keluaran rasmi Vue3, pasukan Vue secara rasmi mengesyorkan Pemalam Perkongsian pemalam vscode: 6 pemalam penting untuk pembangunan Vue3 menggantikan pemalam Vetur Ia bukan sahaja menyokong penonjolan bahasa Vue3 dan pengesanan sintaks, tetapi juga menyokong TypeScript dan fungsi semakan taip berdasarkan vue-tsc.

Perhatikan apabila menggunakan:

• Mula-mula lumpuhkan pemalam Vetur untuk mengelakkan konflik

• Adalah disyorkan untuk menggunakan css/less/scss sebagai bahasa <style></style>, kerana perkhidmatan ini berdasarkan vscode-css-language menyediakan sokongan bahasa yang boleh dipercayai; 🎜>

• Jika anda menggunakan

  /postcss/stylus, anda perlu memasang pelanjutan penyerlahan sintaks tambahan. Postcss menggunakan sasslanguage-postcss, stylus menggunakan language-stylus sambungan, sass menggunakan Sass sambungan

• Perkongsian pemalam vscode: 6 pemalam penting untuk pembangunan Vue3 tidak tidak Mengandungi ESLint dan Prettier, dan sambungan rasmi

  ESLint dan Prettier menyokong Vue, jadi anda perlu memasangnya sendiri.

2. Vue VSCode Snippet

1.52 juta muat turun+

Vue VSCode Snippet plug-in direka untuk menyediakan pembangun dengan cara paling mudah dan terpantas untuk menjana Vue coretan kod, yang boleh dijana dengan cepat dalam fail melalui pelbagai kekunci pintasan Pelbagai coretan kod. Ia hanyalah artifak yang mesti ada untuk pembangunan Vue3. .vue

Pemalam ini menyokong: Perkongsian pemalam vscode: 6 pemalam penting untuk pembangunan Vue3, Vue2 dan Vue3.

digunakan seperti berikut:

Buat fail
• baharu, masukkan .vue dan kandungan templat yang dihasilkan akan digesa: vbase

Input
• untuk cepat menjana vfor templat arahan: v-for

Masukkan
• untuk menjana fungsi kitaran hayat v3onmounted dengan pantas: onMounted

Selebihnya tidak akan ditunjukkan lagi terlalu berkuasa dan terdapat banyak kekunci pintasan yang biasa digunakan Secara khusus Anda boleh melihat

dokumentasi.

3 Auto Close Tag

7.69 juta muat turun+

Auto The Close Pemalam Tag ialah sambungan Kod VS yang berguna yang memberi impak besar pada produktiviti. Seperti namanya, apabila kita menaip kurungan penutup dalam teg penutup, ia akan menambah teg penutup. Ia menyokong HTML, Handlebars, XML, PHP, Vue, JavaScript, Typescript, JSX dan banyak lagi.

4 Vue Peek

490,000 muat turun+

Vue Peek Pemalam digunakan untuk mengembangkan pengalaman pengeditan kod Vue dan membolehkan kami melompat ke fail yang ditentukan oleh komponen dan modul dengan cepat.

Gunakan seperti berikut:

• Klik kanan label komponen dan lompat ke fail definisi komponen:

• Klik kanan label komponen, tetingkap pop timbul akan memaparkan fail definisi komponen:

5. Tema Vue

340,000 muat turun+

Tema Vue pemalam menyediakan pemalam yang bagus Tema Vue dan juga menyokong konfigurasi yang berbeza Warnanya terasa agak bagus.

6 Perkongsian pemalam vscode: 6 pemalam penting untuk pembangunan Vue3

89,000 muat turun+

Perkongsian pemalam vscode: 6 pemalam penting untuk pembangunan Vue3 Pemalam membolehkan kami memulakan pelayan pembangunan secara automatik selepas membuka projek, membenarkan pembangun pratonton dan nyahpepijat aplikasi tanpa meninggalkan editor. Menyokong satu klik mula, bina dan mulakan semula projek.

Ringkasan

6 pemalam yang dikongsi hari ini boleh dipasang dan digunakan mengikut keperluan. Dua pemalam Perkongsian pemalam vscode: 6 pemalam penting untuk pembangunan Vue3 dan Vue VSCode Snippet amat disyorkan.

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

Atas ialah kandungan terperinci Perkongsian pemalam vscode: 6 pemalam penting untuk pembangunan Vue3. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!