Vue.js ialah rangka kerja bahagian hadapan yang popular yang membantu pembangun membina komponen UI boleh guna semula dan boleh gubah dan aplikasi satu halaman. Dalam artikel ini, kami akan membincangkan cara memasang versi 2.5.2 terbaharu Vue.js.
Pasang Node.js
Mula-mula, anda perlu memasang Node.js. Node.js ialah persekitaran masa jalan JavaScript sisi pelayan sumber terbuka yang membolehkan anda menulis dan menjalankan kod menggunakan JavaScript. Anda boleh memuat turun dan memasang Node.js dari tapak web rasmi Node.js.
Pasang NPM
NPM ialah pengurus pakej yang disertakan dengan Node.js, yang membolehkan anda memasang dan mengurus pakej perisian dengan mudah. Apabila anda memasang Node.js, NPM dipasang secara automatik. Selepas memasang Node.js, anda boleh menyemak sama ada NPM telah berjaya dipasang dengan menjalankan arahan berikut:
1 |
|
Jika pemasangan berjaya, nombor versi NPM akan dipaparkan.
Pasang Vue.js
Sekarang anda telah memasang Node.js dan NPM, anda boleh menggunakan arahan NPM untuk memasang Vue.js. Buka baris arahan dan jalankan arahan berikut:
1 |
|
Ini akan memasang versi 2.5.2 Vue.js. Anda boleh menyemak sama ada Vue.js telah berjaya dipasang dengan menjalankan arahan berikut:
1 |
|
Jika berjaya dipasang, nombor versi Vue.js akan dipaparkan.
Membuat aplikasi Vue.js
Sekarang anda telah berjaya memasang Vue.js, anda boleh mencipta aplikasi Vue.js pertama anda. Mula-mula, cipta folder baharu dan masuk ke dalamnya menggunakan arahan berikut:
1 2 |
|
Kemudian, mulakan projek npm baharu menggunakan arahan berikut:
1 |
|
Seterusnya, pasang projek npm baharu yang dipanggil NPM pakej "vue-cli", yang menyediakan alat baris arahan yang boleh membantu anda menjana kod templat untuk aplikasi Vue.js:
1 |
|
Kini anda boleh mencipta Vue baharu menggunakan arahan .js projek berikut:
1 |
|
Perintah ini akan meminta anda mendapatkan beberapa maklumat tentang projek yang ingin anda buat. Ikut gesaan dan masukkan maklumat sehingga templat projek untuk aplikasi Vue.js anda dijana.
Menjalankan Aplikasi Vue.js
Sekarang anda telah mencipta aplikasi Vue.js, mari jalankan dan lihat halamannya. Dari baris arahan, jalankan arahan berikut untuk memasang dependensi:
1 |
|
Kemudian, jalankan arahan berikut untuk memulakan pelayan setempat:
1 |
|
Buka pelayar dan masukkan URL berikut:
1 |
|
Ini akan membuka apl Vue.js anda dan memaparkan mesej "Selamat Datang ke Apl Vue.js Anda".
Kesimpulan
Dalam artikel ini, kami mempelajari cara memasang Vue.js versi 2.5.2 terkini dan mencipta templat aplikasi Vue.js. Walaupun terdapat beberapa langkah yang perlu diikuti dalam pemasangan, setelah anda melengkapkannya, anda akan mempunyai aplikasi Vue.js asas untuk mula membina aplikasi yang lebih kompleks.
Atas ialah kandungan terperinci Cara memasang versi vue2.5.2. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!