Mari kita bincangkan tentang cara menukar projek program kecil kepada projek uni-app

Bagaimana untuk menukar projek program mini kepada projek uni-apl? Artikel berikut akan memperkenalkan kepada anda kaedah menukar applet WeChat kepada projek uni-app. Saya harap ia akan membantu anda!

Semasa saya melakukan projek uni-app sebelum ini, bahagian hadapan perlu melaksanakan fungsi penukaran tab dinamik dan leret yang lebih kompleks, tetapi disebabkan bahagian hadapan saya sendiri kepincangan, saya tidak memilikinya, saya menulisnya, dan kemudian apabila saya mencari di Internet, saya menemui halaman dalam applet WeChat yang memenuhi keperluan saya dengan sempurna. Jadi persoalannya, bagaimana saya menukar applet WeChat kepada projek uni-app? Selepas mencari penyelesaian yang berkaitan di Internet, sememangnya terdapat projek untuk menukar program mini WeChat kepada aplikasi uni Nama projek itu ialah [miniprogram-to-uniapp].

pengenalan projek miniprogram-ke-uniapp:

Ikhtisar: Ia adalah projek sumber terbuka yang boleh menukar projek WeChat kepada projek Uni-app

alamat github: https:/ /github.com/zhangdaren/miniprogram-to-uniapp

Panduan penggunaan: https://ask.dcloud.net.cn/article/36037

Langkah pertama, pasang pada pakej NPM tetingkap alat pengurusan:

Memandangkan projek ini perlu menggunakan alat pengurusan pakej NPM untuk memasang pakej projek yang sepadan, dan NPM ialah alat pengurusan pakej yang dipasang bersama-sama dengan NodeJS, jadi seterusnya kita hanya perlu memasang dan mengkonfigurasi nod. js OK.

Tutorial terperinci pemasangan dan konfigurasi Node.js: https://www.runoob.com/nodejs/nodejs-install-setup.html

Langkah kedua, mulakan modul NPM:

Semak dulu versi NPM:

Buat fail kosong baharu dalam sebarang Folder cakera, digunakan untuk menyimpan konfigurasi modul permulaan NPM:

Gunakan CMD untuk memasuki folder yang sepadan dan masukkan: npm init arahan

Langkah ketiga ialah menggunakan miniprogram-to-uniapp untuk menukar applet WeChat kepada contoh uni-apl:

Muat turun applet WeChat yang perlu ditukar:

Untuk tujuan demonstrasi, saya memuat turun pusat membeli-belah program mini WeChat Alamat projek ialah: https://github.com/hanxue10180/shangcheng

Gambar berikut menunjukkan. struktur asas program mini WeChat:

Pasang miniprogram-ke-uniapp dan tukar program mini kepada projek uni-app:

Oleh kerana pakej ini adalah alat dan perlu digunakan secara global, ia memerlukan -g untuk pemasangan global. Jalankan arahan berikut untuk memasang:

npm install miniprogram-to-uniapp -g

Selepas pemasangan selesai, laksanakan arahan berikut untuk melihat versi alat:

(wtu -> diambil dari wx ke uni, arahan global ini akan digunakan kemudian)

wtu -V

Jalankan arahan berikut untuk menukar applet WeChat kepada projek uni-app:

Dalam baris arahan, masukkan [wtu -i "你的小程序项目路径"], perhatikan -i Terdapat ruang di belakangnya! ! ! Contohnya: [wtu -i "G:shangcheng"] ;

Selepas menekan Enter, anda boleh mendapatkan direktori dengan akhiran _uni dalam direktori yang sama dengan projek sumber, iaitu penukaran berjaya. Seperti yang ditunjukkan dalam rajah di bawah:

Berjaya diubah menjadi struktur projek uni-app:

Disyorkan: "tutorial uniapp"

Atas ialah kandungan terperinci Mari kita bincangkan tentang cara menukar projek program kecil kepada projek uni-app. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!