uni-app 使用編輯器創(chuàng)建vue3 項(xiàng)目并且運(yùn)行的操作方法
3步快速 完成HBuilder X 創(chuàng)建uniapp 的vue3項(xiàng)目。
直接使用HBuilder X 創(chuàng)建uniapp 的vue3 項(xiàng)目開發(fā)跨平臺 廢話不多說!
作者經(jīng)過測試使用Vue3創(chuàng)建的uni-app項(xiàng)目 運(yùn)行到H5和PC 以及打包apk到安卓上使用都是沒有問題的。
目前uniapp 創(chuàng)建的vue3支持 vue3.0 -- 3.2版本 也就是說setup語法糖也是支持的(強(qiáng)烈推薦使用setup語法)。
1.打開HBuilder X 編輯器 創(chuàng)建項(xiàng)目 選擇uni-app 選擇默認(rèn)版本
創(chuàng)建項(xiàng)目完成 就是這樣的
2.找到項(xiàng)目根目錄 manifest.json 文件打開 修改Vue版本 選擇Vue3
選擇Vue版本 修改后 選擇后 運(yùn)行到瀏覽器
要等幾分鐘編輯器會自動安裝一個Vue3編譯插件 等待他安裝完成后 在重啟項(xiàng)目運(yùn)行網(wǎng)頁
3.使用Vue3.2語法
這個是 打包成安卓apk包 在模擬器安裝后運(yùn)行的 最終效果。
如果想知道,uniapp-vue3項(xiàng)目如何使用uni框架的其他獨(dú)有的生命周期,歡迎給我留言點(diǎn)贊,評論區(qū)告訴你,作者工作時間 都在線。
到此這篇關(guān)于uni-app 使用編輯器創(chuàng)建vue3 項(xiàng)目并且運(yùn)行的文章就介紹到這了,更多相關(guān)uni-app創(chuàng)建vue3 項(xiàng)目內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
Vue3實(shí)現(xiàn)通過axios來讀取本地json文件
這篇文章主要介紹了Vue3實(shí)現(xiàn)通過axios來讀取本地json文件方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-07-07vue項(xiàng)目npm?run?build打包dist文件及打包后空白解決辦法
npm run build 這個命令會執(zhí)行Vue CLI中預(yù)定義的打包配置,并將打包后的文件存放在"dist"文件夾中,這篇文章主要給大家介紹了關(guān)于vue項(xiàng)目npm?run?build打包dist文件及打包后空白的解決辦法,需要的朋友可以參考下2023-10-10vue實(shí)現(xiàn)元素拖動并互換位置的實(shí)現(xiàn)代碼
在使用Vue的場景下,需要實(shí)現(xiàn)對元素進(jìn)行拖動交換位置,接下來通過本文給大家介紹vue實(shí)現(xiàn)元素拖動并互換位置的實(shí)現(xiàn)代碼,需要的朋友可以參考下2023-09-09Ant Design Vue 添加區(qū)分中英文的長度校驗(yàn)功能
這篇文章主要介紹了Ant Design Vue 添加區(qū)分中英文的長度校驗(yàn)功能,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價值,需要的朋友可以參考下功能,2020-01-01Vue項(xiàng)目實(shí)現(xiàn)html5圖片上傳的示例代碼
本文主要介紹了Vue項(xiàng)目?html5圖片上傳,文中通過示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2022-01-01