Kaedah penciptaan: 1. Pasang Node; 2. Buka idea, klik "Buat Projek Baharu" - "Web Statik", isikan nama projek, dan klik "Finis"; idea dan laksanakan arahan Hanya pasang alat perancah vue dan mulakan projek vue.
Persekitaran pengendalian tutorial ini: sistem Windows 7, vue versi 2.9.6, komputer DELL G3.
1. Vue.js memerlukan asas Node.js
1 / muat turun/
(Ikuti langkah pemasangan biasa, cuma ambil langkah seterusnya~)
2. Buka cmd (win R) dan masukkan arahan berikut untuk menyemak sama ada pemasangan berjaya:
1 2 |
|
2 Mula membina projek
1 projek
Buat Projek Baharu > Static Web>Isi nama projek dan pilih ruang kerja yang disimpan>Finis
2. Pasang alat perancah vue
·Buka Terminal idea
Pada masa ini , anda mesti terlebih dahulu mengubah suai laluan Terminal kepada laluan cmd satu setempat ==>Fail->Tetapan (mulakan semula selepas menukar) (jika tidak, akan berlaku kesalahan kerana npm dan vue bukan perintah dalaman):
Selepas menukar, Jalankan arahan berikut
1 2 |
|
·Selepas muat turun selesai, teruskan memasang alat perancah vue, dan terus masuk arahan berikut dalam Terminal
1 |
|
untuk menguji sama ada ia telah dipasang:
1 |
|
Selepas pemasangan perancah selesai, mulakan struktur pakej dan terus masukkan
1 |
|
demo sebagai nama projek baharu yang anda buat tadi. Inisialisasi akan menyediakannya. Anda boleh rujuk tetapan di sini.
Selepas permulaan selesai. Masukkan dalam Terminal:
1 2 3 |
|
Selepas selesai, anda akan digesa pada port mana yang boleh diakses Ini kini 8080
Buka penyemak imbas. dan masukkan: localhost:8080, skrin berikut muncul dan demo ringkas selesai.
Cadangan berkaitan: "tutorial vue.js"
Atas ialah kandungan terperinci Bagaimana untuk mencipta projek vuejs dalam idea. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!