Bagaimana untuk menjalankan uniapp dengan arahan

Dengan pembangunan berterusan Internet mudah alih, aplikasi Hibrid semakin menarik perhatian. Dengan latar belakang ini, pelbagai rangka kerja pembangunan baharu telah muncul. Sebagai rangka kerja pembangunan hibrid baharu, Uniapp secara semula jadi menarik perhatian pembangun. Uniapp menyediakan cara untuk membangunkan aplikasi merentas platform dengan cepat, membenarkan pembangun menulis kod sekali dan menerbitkan aplikasi pada berbilang platform, termasuk iOS, Android, H5, dsb. Jika anda belum biasa dengan Uniapp, anda boleh merujuk kepada dokumentasi tapak web rasmi terlebih dahulu. Artikel ini akan memperkenalkan cara menjalankan Uniapp menggunakan arahan.

Uniapp CLI

Uniapp CLI ialah alat baris arahan untuk Uniapp. Ia menyediakan satu siri arahan untuk membina, menjalankan dan menyahpepijat aplikasi Uniapp. Melalui Uniapp CLI, pembangun boleh membangunkan dan menguji aplikasi secara tempatan dan kemudian membungkusnya untuk diedarkan ke platform yang berbeza.

Pasang Uniapp CLI

Menggunakan Uniapp CLI memerlukan pemasangan terlebih dahulu. Uniapp CLI menyokong pemasangan global dan pemasangan tempatan. Biasanya, kami mengesyorkan menggunakan Uniapp CLI melalui pemasangan global supaya kami boleh membangunkan dalam mana-mana folder projek.

Arahan pemasangan global adalah seperti berikut:

npm install -g @vue/cli

Arahan pemasangan setempat adalah seperti berikut:

npm install @vue/cli --save-dev

Perlu diingatkan bahawa sebelum menggunakan Uniapp CLI, pastikan persekitaran Node dipasang.

Buat projek melalui Uniapp CLI

Selepas memasang Uniapp CLI, kami boleh menggunakannya untuk mencipta projek Uniapp baharu. Gunakan arahan berikut:

vue create -p dcloudio/uni-preset-vue my-project

Di sini, kami menggunakan pilihan pratetap iaitu uni-preset-vue. Ini merujuk kepada templat Vue pratetap rasmi Uniapp. Dengan menggunakan pilihan pratetap ini, kami boleh membuat projek Uniapp berasaskan Vue dengan cepat.

Selepas memasukkan arahan ini, beberapa pilihan konfigurasi akan muncul. Pilih pilihan yang sepadan untuk membuat projek Uniapp baharu.

Jalankan projek Uniapp

Selepas mencipta projek Uniapp baharu, kami boleh menjalankan projek melalui Uniapp CLI. Gunakan arahan berikut:

npm run dev:%PLATFORM%

di mana %PLATFORM% merujuk kepada platform sasaran yang sepadan. Ini boleh jadi mana-mana daripada yang berikut:

• mp-weixin: WeChat applet
• mp-alipay: Alipay applet
• mp-baidu: Baidu applet
• mp-toutiao: Applet Toutiao
• h5: Halaman web berjalan

Contohnya, untuk menjalankan projek ini pada applet WeChat, anda boleh melaksanakan arahan berikut:

npm run dev:mp-weixin

Arahan ini akan memulakan pelayan pembangunan dan kemudian membuka alamat yang sepadan dalam penyemak imbas. Pelayan pembangunan memantau perubahan fail dan menyusun semula aplikasi dan menyegarkan halaman penyemak imbas.

Membungkus dan menerbitkan projek Uniapp

Selepas menjalankan projek Uniapp, kami boleh membungkus dan menerbitkan aplikasi. Gunakan arahan berikut:

npm run build:%PLATFORM%

Sama seperti menjalankan arahan projek, di sini %PLATFORM% merujuk kepada platform sasaran. Begitu juga, kita mesti menetapkan parameter platform untuk menyusun dan menolak aplikasi. Contohnya, untuk mencipta versi pengeluaran applet WeChat, anda boleh membungkusnya dahulu dengan arahan berikut:

npm run build:mp-weixin

Arahan ini akan membungkus aplikasi ke dalam versi pengeluaran applet WeChat dan menggabungkan kod yang dijana dan fail Sumber disimpan ke folder sasaran. Kami boleh memuat naik folder ke Platform Pembangun Program Mini WeChat untuk menerbitkan aplikasi.

Ringkasan

Dengan Uniapp CLI, kami boleh menggunakan arahan untuk menjalankan dan membina aplikasi Uniapp. Melalui pengenalan di atas, saya berharap pembaca dapat memahami penggunaan asas Uniapp CLI dan dapat menggunakan alat ini dengan jayanya untuk membangun, menguji dan menerbitkan aplikasi Uniapp.

Atas ialah kandungan terperinci Bagaimana untuk menjalankan uniapp dengan arahan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!