Jadual Kandungan
alat pembangunan vue
Rumah hujung hadapan web Soal Jawab bahagian hadapan Apakah alatan yang digunakan untuk pembangunan vue?

Apakah alatan yang digunakan untuk pembangunan vue?

Dec 23, 2022 pm 02:25 PM
vue3

Alat pembangunan Vue termasuk: 1. BootstrapVue, iaitu perpustakaan sumber terbuka yang digunakan untuk membina antara muka Bootstrap untuk Vue; Vue CLI; 5. Vue Router;

Apakah alatan yang digunakan untuk pembangunan vue?

Persekitaran pengendalian tutorial ini: sistem windows7, versi vue3, komputer DELL G3.

alat pembangunan vue

1 BootstrapVue

digunakan untuk membina antara muka Bootstrap untuk Vuejs. Pustaka sumber terbuka.

Apakah alatan yang digunakan untuk pembangunan vue?

Pautan https://bootstrap-vue.org/

2. VueX

Perpustakaan pengurusan negeri untuk aplikasi Vue.js .

Apakah alatan yang digunakan untuk pembangunan vue?

Pautan https://vuex.vuejs.org/

3 Vue Devtools

Pelanjutan ini mendayakan penyahpepijatan vuejs Projek menjadi cepat dan mudah.

Apakah alatan yang digunakan untuk pembangunan vue?

Pautan https://devtools.vuejs.org/

4 Vue CLI

Standard yang menjadikan alat pembangun Vuejs lebih mudah .

Apakah alatan yang digunakan untuk pembangunan vue?

Pautan https://cli.vuejs.org/

5 Penghala Vue

Gunakan Sintaks yang intuitif dan berkuasa mentakrifkan laluan statik dan dinamik.

Apakah alatan yang digunakan untuk pembangunan vue?

Pautan https://router.vuejs.org/

6 Vuetifyjs

Pustaka sumber terbuka untuk membantu membina reka bentuk bahan Antara muka Vuejs.

Apakah alatan yang digunakan untuk pembangunan vue?

Pautan https://vuetifyjs.com/en/

7 lebih mudah Jadi ringkas namun berkuasa.

Apakah alatan yang digunakan untuk pembangunan vue?Pautan https://nuxtjs.org/


8 Pentadbir Elemen Vue

membantu membina antara muka pengurusan yang mudah yang mengandungi banyak ciri yang diperlukan untuk mengurus tapak web anda.

Apakah alatan yang digunakan untuk pembangunan vue?Pautan https://github.com/PanJiaChen/vue-element-admin

9 Vue Apollo

untuk Tetapan anda permudahkan projek vuejs anda dengan GraphQL.

Apakah alatan yang digunakan untuk pembangunan vue?Pautan https://vue-apollo.netlify.app/

10 UI Elemen

digunakan untuk antara muka projek Vue perpustakaan UI pembangunan.

Apakah alatan yang digunakan untuk pembangunan vue?Pautan https://element.eleme.io/#/en-US


11 ialah rangka kerja vuejs sumber terbuka yang boleh membantu membina SPA (Single Page Application), SSR (Server Side Rendering Application), PWA (Progressive Web Application)

Pautan https:/ /quasar.dev/

1Apakah alatan yang digunakan untuk pembangunan vue?

12 Bahasa Vue


menyokong Vuejs untuk membangunkan utiliti Atom.

Pautan https://atom.io/packages/language-vue

1Apakah alatan yang digunakan untuk pembangunan vue?13 VuePress

VuePress ialah pemacu Vue Statik penjana laman web

Pautan https://v2.vuepress.vuejs.org/

1Apakah alatan yang digunakan untuk pembangunan vue?14 Panduan Vuejs

Pembangunan Vuejs panduan lengkap dan terperinci oleh sesiapa sahaja.

Pautan https://vuejs.org/guide/introduction.html

1Apakah alatan yang digunakan untuk pembangunan vue?15 Vue Select

membantu anda membina pemilihan komponen , dan menyediakan ciri berguna untuk pembangun vuejs.

Pautan https://vue-select.org/

1Apakah alatan yang digunakan untuk pembangunan vue?

16 Vueuse


mengumpul Vue 2 dan Vue 3 Utiliti yang diperlukan untuk komponen.

Pautan https://vueuse.org/

1Apakah alatan yang digunakan untuk pembangunan vue?17. VeeValidate

Alat untuk pengesahan borang dalam Vuejs.

1Apakah alatan yang digunakan untuk pembangunan vue?

Pautan https://vee-validate.logaretm.com/v4/

18. Vant

Penjanaan antara muka untuk UI mudah alih perpustakaan alat.

1Apakah alatan yang digunakan untuk pembangunan vue?

Pautan https://vant-contrib.gitee.io/vant/#/en-US

19 Vue Native

Rangka kerja JavaScript membantu dalam membina aplikasi mudah alih asli merentas platform.

1Apakah alatan yang digunakan untuk pembangunan vue?

Pautan https://vue-native.io/

20, Vue-meta

Cmeta projek Vuejs Pengurus teg.

Apakah alatan yang digunakan untuk pembangunan vue?

Pautan https://vue-meta.nuxtjs.org/

21 Vue I18n

pemalam membantu menyumbang kepada projek Menambah fungsi antarabangsa.

2Apakah alatan yang digunakan untuk pembangunan vue?

Pautan https://kazupon.github.io/vue-i18n/

22 Vue pemuatan tak terhingga

Dicipta untuk laman web Fungsi tatal tak terhingga.

2Apakah alatan yang digunakan untuk pembangunan vue?

Pautan https://peachscript.github.io/vue-infinite-loading/

23 Gridsome

Alat ini menggunakan Membina laman web dan aplikasi statik menjadi pantas dan mudah.

2Apakah alatan yang digunakan untuk pembangunan vue?

Pautan https://gridsome.org/

24 Vite

Vite ialah alat binaan yang direka untuk Menyediakan pengalaman pembangunan yang lebih pantas dan diperkemas untuk projek web moden.

2Apakah alatan yang digunakan untuk pembangunan vue?

Pautan https://vitejs.dev/

25 Vue-multiselect

perpustakaan sumber terbuka untuk membantu laman web Bina pelbagai fungsi pilihan.

2Apakah alatan yang digunakan untuk pembangunan vue?

Pautan https://vue-multiselect.js.org/

26 Vetur

digunakan untuk mengemas kini dalam Kod VS Sambungan yang baik untuk pembangunan dan penyahpepijatan vuejs.

2Apakah alatan yang digunakan untuk pembangunan vue?

Pautan https://marketplace.visualstudio.com/items?itemName=octref.vetur

27, Contoh Vuejs

Vuejs Koleksi contoh dalam pembangunan antara muka.

2Apakah alatan yang digunakan untuk pembangunan vue?

Pautan https://vuejsexamples.com/

28 Editor Kod Visual Studio

Visual Studio Kod (VS Code) ialah editor sumber terbuka percuma yang dilancarkan oleh Microsoft Ia cepat menjadi popular selepas pelancarannya dan digemari oleh pembangun. Sebagai pembangun bahagian hadapan, editor yang berkuasa boleh menjadikan pembangunan mudah, mudah dan cekap. Buku ini memilih untuk menerangkan berdasarkan editor Kod VS.

Penyunting Kod VS mempunyai ciri-ciri berikut:

(1) Ia ringan dan pantas serta menggunakan kurang sumber sistem.

(2) Ia mempunyai fungsi seperti penyerlahan sintaks, pelengkapan kod pintar, kekunci pintasan tersuai dan padanan kod.

(3) Merentas platform. Pembangun yang berbeza akan memilih platform yang berbeza untuk menjalankan kerja pembangunan projek untuk keperluan kerja mereka, yang mengehadkan skop penggunaan editor pada tahap tertentu. Editor VSCode bukan sahaja merentas platform (menyokong Mac, Windows dan Linux), tetapi ia juga sangat mudah untuk digunakan.

(4) Reka bentuk antara muka tema lebih mesra pengguna. Sebagai contoh, anda boleh dengan cepat mencari fail untuk dibangunkan secara langsung, anda boleh memaparkan kod melalui skrin berpecah, warna tema boleh disesuaikan (lalai adalah hitam), anda juga boleh dengan cepat melihat fail projek yang baru dibuka dan melihat struktur fail projek.

(5) menyediakan banyak pemalam. VSCode menyediakan fungsi sambungan pemalam Pengguna boleh memuat turun dan memasangnya mengikut keperluan mereka Mereka hanya perlu memulakan semula editor selepas pemasangan dan konfigurasi berjaya menggunakan fungsi yang disediakan oleh pemalam ini.

29. git-bash alat baris arahan

Apabila membangunkan Vue, kami sering menggunakan beberapa arahan, seperti npm (pengurus pakej), vue-cli (Scaffolding) , arahan ini perlu digunakan daripada baris arahan. git-bash ialah alat baris arahan yang disediakan dalam git (pengurus versi). Penampilannya serupa dengan alat baris arahan cmd yang dibina ke dalam sistem Windows, tetapi pengalaman pengguna lebih mesra. Dalam pembangunan sebenar, alat git-bash sering digunakan dan bukannya cmd. Seterusnya kami akan menerangkan langkah pemasangan git-bash.

(1) Buka laman web rasmi git for windows dan muat turun pakej pemasangan git, seperti yang ditunjukkan di bawah

Apakah alatan yang digunakan untuk pembangunan vue?

(2) Klik dua kali pada pemasang yang dimuat turun untuk memasang, seperti yang ditunjukkan di bawah

Apakah alatan yang digunakan untuk pembangunan vue?

(3) Klik butang "Seterusnya" , ikut gesaan untuk memasang dan hanya gunakan nilai lalai.

(4) Selepas pemasangan berjaya, mulakan git-bash.

Apakah alatan yang digunakan untuk pembangunan vue?

30. WebStorm

WebStorm ialah alat pembangunan JavaScript yang dimiliki oleh JetBrains. Ia telah dipuji oleh majoriti pembangun JS Cina sebagai "Artifak pembangunan bahagian hadapan web", "editor HTML5 yang paling berkuasa", "IDE JavaScript paling pintar", dsb. Ia mempunyai asal yang sama seperti IntelliJ IDEA dan mewarisi fungsi bahagian JS berkuasa IntelliJ IDEA.

31. Node.js

Node.js ialah persekitaran berjalan JavaScript berdasarkan enjin Chrome V8, yang membenarkan JavaScript dijalankan pada bahagian pelayan.

[Cadangan berkaitan: tutorial video vuejs, pembangunan bahagian hadapan web]

Atas ialah kandungan terperinci Apakah alatan yang digunakan untuk pembangunan vue?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Cara Membuka Segala -galanya Di Myrise
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

vue3+vite: Bagaimana untuk menyelesaikan ralat apabila menggunakan memerlukan untuk mengimport imej secara dinamik dalam src vue3+vite: Bagaimana untuk menyelesaikan ralat apabila menggunakan memerlukan untuk mengimport imej secara dinamik dalam src May 21, 2023 pm 03:16 PM

Penggunaan vue3+vite:src memerlukan pengimportan imej secara dinamik dan laporan ralat dan penyelesaian vue3+vite secara dinamik Jika vue3 dibangunkan menggunakan skrip taip, akan terdapat mesej ralat untuk keperluan untuk memperkenalkan imej tidak boleh digunakan :require(' .../assets/test.png') diimport kerana typescript tidak menyokong require, jadi import digunakan Berikut ialah cara menyelesaikannya: gunakan awaitimport

Cara menggunakan tinymce dalam projek vue3 Cara menggunakan tinymce dalam projek vue3 May 19, 2023 pm 08:40 PM

tinymce ialah pemalam editor teks kaya yang berfungsi sepenuhnya, tetapi memperkenalkan tinymce ke dalam vue tidak selancar seperti pemalam teks kaya Vue yang lain tidak sesuai untuk Vue dan @tinymce/tinymce-vue perlu diperkenalkan. dan Ia adalah pemalam teks kaya asing dan belum melepasi versi Cina Anda perlu memuat turun pakej terjemahan dari tapak web rasminya (anda mungkin perlu memintas tembok api). 1. Pasang kebergantungan yang berkaitan npminstalltinymce-Snpminstall@tinymce/tinymce-vue-S2 Muat turun pakej Cina 3. Perkenalkan pakej kulit dan Cina Buat folder tinymce baharu dalam folder awam projek dan muat turun

Cara Vue3 menghuraikan penurunan harga dan melaksanakan penyerlahan kod Cara Vue3 menghuraikan penurunan harga dan melaksanakan penyerlahan kod May 20, 2023 pm 04:16 PM

Vue melaksanakan bahagian hadapan blog dan perlu melaksanakan penghuraian markdown Jika terdapat kod, ia perlu melaksanakan penyerlahan kod. Terdapat banyak pustaka parsing markdown untuk Vue, seperti markdown-it, vue-markdown-loader, marked, vue-markdown, dsb. Perpustakaan ini semuanya sangat serupa. Ditanda digunakan di sini, dan highlight.js digunakan sebagai pustaka penonjolan kod. Langkah-langkah pelaksanaan khusus adalah seperti berikut: 1. Pasang perpustakaan bergantung Buka tetingkap arahan di bawah projek vue dan masukkan arahan berikut npminstallmarked-save//marked untuk menukar markdown ke htmlnpmins.

Cara memuat semula sebahagian kandungan halaman dalam Vue3 Cara memuat semula sebahagian kandungan halaman dalam Vue3 May 26, 2023 pm 05:31 PM

Untuk mencapai muat semula separa halaman, kami hanya perlu melaksanakan pemaparan semula komponen setempat (dom). Dalam Vue, cara paling mudah untuk mencapai kesan ini ialah menggunakan arahan v-if. Dalam Vue2, selain menggunakan arahan v-if untuk memaparkan semula dom setempat, kami juga boleh mencipta komponen kosong baharu Apabila kami perlu memuat semula halaman setempat, lompat ke halaman komponen kosong ini dan kemudian masuk semula pengawal beforeRouteEnter dalam komponen kosong. Seperti yang ditunjukkan dalam rajah di bawah, cara mengklik butang muat semula dalam Vue3.X untuk memuatkan semula DOM dalam kotak merah dan memaparkan status pemuatan yang sepadan. Memandangkan pengawal dalam komponen dalam sintaks persediaan skrip dalam Vue3.X hanya mempunyai o

Bagaimana untuk menyelesaikan masalah bahawa selepas projek vue3 dibungkus dan diterbitkan ke pelayan, halaman akses dipaparkan kosong Bagaimana untuk menyelesaikan masalah bahawa selepas projek vue3 dibungkus dan diterbitkan ke pelayan, halaman akses dipaparkan kosong May 17, 2023 am 08:19 AM

Selepas projek vue3 dibungkus dan diterbitkan ke pelayan, halaman akses memaparkan kosong 1. PublicPath dalam fail vue.config.js diproses seperti berikut: const{defineConfig}=require('@vue/cli-service') module.exports=defineConfig({publicPath :process.env.NODE_ENV==='pengeluaran'?'./':'/&

Cara menggunakan komponen boleh guna semula Vue3 Cara menggunakan komponen boleh guna semula Vue3 May 20, 2023 pm 07:25 PM

Prakata Sama ada ia adalah vue atau react, apabila kita menghadapi berbilang kod berulang, kita akan memikirkan cara untuk menggunakan semula kod ini, dan bukannya mengisi fail dengan sekumpulan kod berlebihan. Malah, kedua-dua vue dan react boleh mencapai penggunaan semula dengan mengekstrak komponen, tetapi jika anda menemui beberapa serpihan kod kecil dan anda tidak mahu mengekstrak fail lain, sebagai perbandingan, react boleh digunakan dalam yang sama Isytiharkan widget yang sepadan dalam fail , atau laksanakannya melalui fungsi render, seperti: constDemo:FC=({msg})=>{returndemomsgis{msg}}constApp:FC=()=>{return(

Bagaimana untuk memilih avatar dan memangkasnya dalam Vue3 Bagaimana untuk memilih avatar dan memangkasnya dalam Vue3 May 29, 2023 am 10:22 AM

Kesan terakhir ialah memasang komponen VueCropper yarnaddvue-cropper@next Nilai pemasangan di atas adalah untuk Vue3 Jika ia adalah Vue2 atau anda ingin menggunakan kaedah lain untuk merujuk, sila lawati alamat npm rasminya. Ia juga sangat mudah untuk merujuk dan menggunakannya dalam komponen Anda hanya perlu memperkenalkan komponen yang sepadan dan fail gayanya. Saya tidak merujuknya secara global di sini, tetapi hanya memperkenalkan import{userInfoByRequest}from'../js/api. ' dalam fail komponen saya import{VueCropper}dari'vue-cropper&

Cara menggunakan defineCustomElement untuk menentukan komponen dalam Vue3 Cara menggunakan defineCustomElement untuk menentukan komponen dalam Vue3 May 28, 2023 am 11:29 AM

Menggunakan Vue untuk membina elemen tersuai WebComponents ialah nama kolektif untuk satu set API asli web yang membenarkan pembangun mencipta elemen tersuai yang boleh diguna semula (customelements). Faedah utama elemen tersuai ialah ia boleh digunakan dengan mana-mana rangka kerja, walaupun tanpa satu. Ia sesuai apabila anda menyasarkan pengguna akhir yang mungkin menggunakan tindanan teknologi bahagian hadapan yang berbeza, atau apabila anda ingin mengasingkan aplikasi akhir daripada butiran pelaksanaan komponen yang digunakannya. Vue dan WebComponents ialah teknologi pelengkap, dan Vue menyediakan sokongan yang sangat baik untuk menggunakan dan mencipta elemen tersuai. Anda boleh menyepadukan elemen tersuai ke dalam aplikasi Vue sedia ada, atau menggunakan Vue untuk membina

See all articles