Rumah > hujung hadapan web > uni-app > Bagaimana untuk membuat projek uni-app? Penerangan proses

Bagaimana untuk membuat projek uni-app? Penerangan proses

青灯夜游
Lepaskan: 2021-09-09 18:58:53
ke hadapan
4594 orang telah melayarinya

Bagaimana untuk membuat projek uni-app? Artikel ini akan memberi anda penjelasan sistematik tentang proses membuat uni-app. Saya harap ia akan membantu anda!

Bagaimana untuk membuat projek uni-app? Penerangan proses

Proses membuat uni-app:

Mengandungi sejumlah besar kemahiran penting bahagian hadapan semasa, seperti vue, applet WeChat , enkapsulasi komponen, enkapsulasi gerak isyarat mudah alih, paging data, aksios, momen, reka letak fleksibel, sass, main balik video, muat turun video dan fungsi lain. [Cadangan berkaitan: "tutorial uniapp"]

1.1.1.1. - app

uni-app ialah rangka kerja yang menggunakan sintaks vue.js untuk membangunkan semua aplikasi bahagian hadapan boleh membangunkan pelbagai perkara

juga dipanggil rangka kerja Pembangunan penuh

2. >

Pengalaman pertama uni-app

Pengenalan kepada struktur projek

Gaya dan sass

Sintaks asas

Acara Komponen

Kitaran hayat
  • 3 Asas dahulu, kemudian projek
  • Timbunan teknologi yang diperlukan ialah
  • html
  • css
  • JavaScript
vue

WeChat applet

uni-app

uni-ui
  • uni-api
  • moment.js
  • Pengenkapsulan gerak isyarat
  • 4. Bina projek dengan perancah
  • 1. Situasi keseluruhan Pasang
  • 2 Cipta projek
  • 3. Mulakan projek (WeChat applet)
4 Projek alat pembangun applet WeChat

Ingat untuk memasuki direktori akar

Direktori Projek 4.1
npm install -g @vue/cli
Salin selepas log masuk

vue create -p dcloudio/uni-preset-vue my-project
Salin selepas log masuk

npm run dev:mp-weixin
Salin selepas log masuk

4.2 Gaya dan sass

Sokongan rpx program mini dan vw dan vh h5 mempunyai sass terbina dalam konfigurasi. Anda hanya perlu memasang kebergantungan yang sepadan "npm install sass-loader node-sass "

Dalam komponen vue, tambahkan atribut "