(學(xué)習(xí)筆記)uni-app+vue3簡介,項(xiàng)目創(chuàng)建

注意事項(xiàng):
  • vue3的組件寫法與vue2有區(qū)別,這導(dǎo)致插件市場眾多插件,包括uni ui,目前都無法用于vue3版本。
  • vue3 響應(yīng)式基于 Proxy 實(shí)現(xiàn),不支持iOS9和ie11(ie將于6月中旬下線,不支持也無所謂了)。
  • 暫不支持新增的 Teleport,Suspense 組件。
  • 暫不支持 template 下存在多個(gè)根節(jié)點(diǎn)。
  • 小程序端暫不支持使用 Vite 編譯。
  • 目前HBuilderX還未預(yù)置,后續(xù)會(huì)提供支持

以上所說用不到的可以選擇直接使用vue3,避免以后需要遷移。

uni-app簡介:

來自官網(wǎng)的介紹:
uni-app 是一個(gè)使用 Vue.js 開發(fā)所有前端應(yīng)用的框架,開發(fā)者編寫一套代碼,可發(fā)布到iOS、Android、Web(響應(yīng)式)、以及各種小程序(微信/支付寶/百度/頭條/QQ/釘釘/淘寶)、快應(yīng)用等多個(gè)平臺(tái)。

官方推薦的開發(fā)工具:
HBuilderX:https://www.dcloud.io/hbuilderx.html
HBuilderX是通用的前端開發(fā)工具,但為uni-app做了特別強(qiáng)化。
下載App開發(fā)版,可開箱即用;如下載標(biāo)準(zhǔn)版,在運(yùn)行或發(fā)行uni-app時(shí),會(huì)提示安裝uni-app插件,插件下載完成后方可使用。
如使用cli方式創(chuàng)建項(xiàng)目,可直接下載標(biāo)準(zhǔn)版,因?yàn)閡ni-app編譯插件被安裝到項(xiàng)目下了。

通過cli創(chuàng)建項(xiàng)目:

目前僅支持cli方式創(chuàng)建支持vue3默認(rèn)模板項(xiàng)目。

  1. 全局安裝vue-cli(若已安裝則跳過)
    npm install -g @vue/cli
  2. 創(chuàng)建vue3工程
    vue create -p dcloudio/uni-preset-vue#vue3 my-vue3-project
  3. 創(chuàng)建好工程后,進(jìn)入對(duì)應(yīng)目錄
    cd my-vue3-project
  4. 將項(xiàng)目跑到微信平臺(tái)
    npm run dev:mp-weixin
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容