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)目開(kāi)發(fā)跨平臺(tái) 廢話不多說(shuō)！
作者經(jīng)過(guò)測(cè)試使用Vue3創(chuàng)建的uni-app項(xiàng)目 運(yùn)行到H5和PC 以及打包apk到安卓上使用都是沒(méi)有問(wèn)題的。
目前uniapp 創(chuàng)建的vue3支持 vue3.0 -- 3.2版本 也就是說(shuō)setup語(yǔ)法糖也是支持的（強(qiáng)烈推薦使用setup語(yǔ)法）。
1.打開(kāi)HBuilder X 編輯器 創(chuàng)建項(xiàng)目 選擇uni-app 選擇默認(rèn)版本
創(chuàng)建項(xiàng)目完成 就是這樣的
2.找到項(xiàng)目根目錄 manifest.json 文件打開(kāi) 修改Vue版本 選擇Vue3
選擇Vue版本 修改后 選擇后 運(yùn)行到瀏覽器
要等幾分鐘編輯器會(huì)自動(dòng)安裝一個(gè)Vue3編譯插件 等待他安裝完成后 在重啟項(xiàng)目運(yùn)行網(wǎng)頁(yè)
3.使用Vue3.2語(yǔ)法
這個(gè)是 打包成安卓apk包 在模擬器安裝后運(yùn)行的 最終效果。
如果想知道，uniapp-vue3項(xiàng)目如何使用uni框架的其他獨(dú)有的生命周期，歡迎給我留言點(diǎn)贊，評(píng)論區(qū)告訴你，作者工作時(shí)間 都在線。
到此這篇關(guān)于uni-app 使用編輯器創(chuàng)建vue3 項(xiàng)目并且運(yùn)行的文章就介紹到這了,更多相關(guān)uni-app創(chuàng)建vue3 項(xiàng)目?jī)?nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
vue中實(shí)現(xiàn)代碼高亮與語(yǔ)法著色的方法介紹
在Vue的開(kāi)發(fā)過(guò)程中，我們經(jīng)常需要展示代碼片段或者進(jìn)行代碼高亮與語(yǔ)法著色，Vue提供了多種方式來(lái)實(shí)現(xiàn)代碼高亮與語(yǔ)法著色，本文將為你詳細(xì)介紹這些方法,需要的朋友可以參考下2023-06-06
Vue項(xiàng)目從webpack3.x升級(jí)webpack4不完全指南
前段時(shí)間，泡面將自己的一個(gè)Vue-cli構(gòu)建的前端框架從webpack3.x升級(jí)到了4.x版本，現(xiàn)在才拉出來(lái)記錄一下，已備忘之用，也和大家分享一下,需要的朋友可以參考下2019-04-04
在vue3中,?提供了一個(gè)?useAttrs?的方法它接收到的參數(shù)一?prop中可以接收到的數(shù)據(jù)是基本一樣的如果我們想自已寫(xiě)一個(gè)組件,?把?elementPlus?中的期中一個(gè)組件封裝一下,這篇文章主要介紹了vue3中的useAttrs和props的區(qū)別,需要的朋友可以參考下2023-09-09
vue 輸入框輸入任意內(nèi)容返回?cái)?shù)字的實(shí)現(xiàn)
本文主要介紹了vue 輸入框輸入任意內(nèi)容返回?cái)?shù)字的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-03-03
vue 使用微信jssdk,調(diào)用微信相冊(cè)上傳圖片功能
這篇文章主要介紹了vue 使用微信jssdk,調(diào)用微信相冊(cè)上傳圖片功能，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-11-11
這篇文章主要介紹了Vue3屬性綁定方法解析，文章圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下2022-09-09
如何解決element-ui中多個(gè)table在tab切換時(shí)出現(xiàn)寬度縮小問(wèn)題
這篇文章主要介紹了如何解決element-ui中多個(gè)table在tab切換時(shí)出現(xiàn)寬度縮小問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
我們通常會(huì)用到腳手架vuecli創(chuàng)建項(xiàng)目,此時(shí)需要安裝腳手架,下面這篇文章主要給大家介紹了關(guān)于vue腳手架安裝以及安裝失敗問(wèn)題的解決辦法,需要的朋友可以參考下2022-07-07
今天小編就為大家分享一篇vue動(dòng)態(tài)改變背景圖片demo分享，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
vue3+ts+echarts實(shí)現(xiàn)按需引入和類(lèi)型界定方式
這篇文章主要介紹了vue3+ts+echarts實(shí)現(xiàn)按需引入和類(lèi)型界定方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10