Apakah persekitaran yang vue perlu dipasang?

vue perlu memasang persekitaran Node. Operasi vue bergantung pada alat pengurusan npm nod, dan nod boleh digunakan untuk membungkus dan menggunakan, menghuraikan komponen fail tunggal vue, menghuraikan setiap modul vue, memulakan localhost pelayan ujian dan mengurus pemalam seperti vue-router dan vue-resource.

Persekitaran pengendalian tutorial ini: sistem Windows 7, vue versi 2.9.6, komputer DELL G3.

Apakah persekitaran yang perlu disediakan dan dikonfigurasikan untuk pembangunan projek Vue?

Saya percaya bahawa ramai orang akan menghadapi beberapa masalah besar dan kecil apabila mereka mula mempelajari rangka kerja Vue dan membina persekitaran pembangunan Saya membinanya sekali semasa saya belajar Angular, dan selepas apabila saya membinanya untuk kali kedua beberapa bulan kemudian, terdapat sedikit kekeliruan, jadi saya ingin menyelesaikannya hari ini;

vue kini digunakan di bahagian hadapan dan merupakan salah satu rangka kerja yang lebih biasa digunakan untuk bahagian hadapan- jurutera akhir. Ia mempunyai beberapa persamaan dengan sudut Oleh itu, rakan-rakan yang telah menggunakan Angular seharusnya tidak terlalu sukar untuk mempelajari Vue

1: Muat turun dan pasang persekitaran nod

Sebelum ini; membina persekitaran pembangunan Vue, Pastikan anda memuat turun node.js dahulu

Pengendalian vue bergantung pada alat pengurusan npm nod.

Dan adalah lebih mudah untuk menggunakan nod, pakej dan gunakan, menghuraikan komponen fail tunggal vue, menghuraikan setiap modul vue, menyusunnya, dsb., mulakan localhost pelayan ujian, membantu anda menguruskan vue-router, pemalam vue-resource, dsb. Jadi biasanya kami akan menggunakan kaedah nod Vue, yang mudah dan menjimatkan masalah.

node boleh dimuat turun dari laman web rasmi atau laman web Cina Anda boleh memilih 32 atau 64 mengikut laman web anda: http://nodejs.cn

Dua: Selepas memuat turun nod, buka alat pengurusan dokumen dan semak dahulu sama ada nod berjaya dipasang Masukkan nod -v dan tekan Enter Nombor versi nod akan dikeluarkan,

Pemasangan berjaya Memandangkan penggunaan npm di China adalah sangat perlahan, kami mengesyorkan menggunakan imej npm Taobao di sini Gunakan alat pengurusan arahan cnpm Taobao. Daripada alat pengurusan npm lalai:

$ npm install

-g cnpm --registry=https://registry . npm.taobao.org; >3: Selepas imej Taobao berjaya dipasang, kita boleh menggunakan perancah vue-cli secara global dan masukkan arahan:

cnpm install --global vue-cli Enter ; sahkan sama ada pemasangan berjaya, dalam arahan Masukkan vue, maklumat vue keluar, dan pemasangan berjaya; 🎜> Empat: Selepas membina perancah, kita perlu mula membina projek baharu Pada masa ini, saya cadangkan anda cuba untuk tidak memasangnya pada pemacu C, kerana fail telah dimuat turun by vue agak besar Jika anda ingin menukar pemacu, masukkan sahaja D: dan tekan Enter Anda boleh menukar pesanan secara terus,

Kemudian kita mula Buat projek baharu dan masukkan arahan:

vue init webpack my-projek Tekan Enter, my-project ialah Nama folder saya sendiri adalah projek berdasarkan webpack Selepas memasukkannya, tekan Enter sehingga ia muncul sama ada pasang vue-router,

Kami akan menggunakan ini dalam projek, jadi masukkan y dan tekan Enter

Yang berikut akan menunjukkan sama ada pengesanan sintaks js diperlukan buat masa ini, jadi anda boleh terus masukkan no. Selebihnya boleh terus masukkan no. Semua benda yang kita tak perlukan buat masa ini

Empat: Folder telah dimuat turun Sekarang anda boleh memasukkan folder dan masukkan: cd projek saya-dan tekan Enter, kerana setiap templat adalah saling bergantung , jadi sekarang kita perlu memasang kebergantungan,

Masukkan arahan: cnpm install

Lima: Selepas ia dipasang, kini kita perlu menguji sama ada templat yang kami muat turun boleh berjalan seperti biasa. npm run dev dan tekan Enter

8080 ialah port lalai Jika anda ingin mengaksesnya, terus Masukkan localhost :8080 dalam penyemak imbas untuk membuka templat lalai;

Dengan cara ini, projek asas Vue kami telah dipasang dan berjalan pintu vue; taburkan bunga dan kemasan;

Di atas adalah kaedah pembinaan perancah vue-cli2.0, dan kaedah pembinaan projek adalah lebih mudah dan lebih mudah :
npm install -g @vue/cli , muat turun alat perancah Selepas muat turun berjaya, masukkan arahan: vue create lalai pertama Ia adalah konfigurasi lalai, dan yang kedua ialah konfigurasi manual bergantung pada keperluan projek anda, konfigurasikan fail yang diperlukan (tetapi secara amnya saya memilih konfigurasi lalai untuk kemudahan, haha), dan kemudian tunggu untuk mencipta folder;

Selepas fail berjaya dibuat, terus masukkan arahan: npm run serve, dan anda boleh menjalankan projek!

Cadangan berkaitan: "

tutorial vue.js

"

Atas ialah kandungan terperinci Apakah persekitaran yang vue perlu dipasang?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!