uni-app 使用編輯器創建vue3 項目並且運行


3步快速 完成HBuilder X 創建uniapp 的vue3項目。

直接使用HBuilder X 創建uniapp 的vue3 項目開發跨平台 廢話不多說!

作者經過測試使用Vue3創建的uni-app項目 運行到H5和PC 以及打包apk到安卓上使用都是沒有問題的。

目前uniapp 創建的vue3支持 vue3.0 -- 3.2版本 也就是說setup語法糖也是支持的(強烈推薦使用setup語法)。

1.打開HBuilder X 編輯器 創建項目 選擇uni-app 選擇默認版本

 

 創建項目完成 就是這樣的

 

 

2.找到項目根目錄 manifest.json 文件打開 修改Vue版本 選擇Vue3

選擇Vue版本 修改后 選擇后 運行到瀏覽器

要等幾分鍾 編輯器會自動安裝一個Vue3編譯插件 等待他安裝完成后 在重啟項目運行網頁

 

 

 

 3.使用Vue3.2語法

 

 

這個是 打包成安卓apk包 在模擬器安裝后運行的 最終效果。

 

 如果想知道,uniapp-vue3項目如何使用uni框架的其他獨有的生命周期,歡迎給我留言點贊,評論區告訴你,作者工作時間 都在線

 

我是馬丁歡迎轉發和收藏。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM