vscode中開發(fā)運(yùn)行uniapp項(xiàng)目詳細(xì)步驟
在實(shí)際開發(fā)中，我們知道Hbuilder寫代碼和調(diào)試非常麻煩，換到我們的vscode，快捷鍵那些，界面插件調(diào)試，那叫一個(gè)舒服
輸入這個(gè)
1、全局安裝vue腳手架
npm install @vue/cli -g
2.查看node-v版本號(hào)，我的是16，就沒啥問題
3.輸入這個(gè)命令
vue create -p dcloudio/uni-preset-vue my-project
如果不連連接也很正常，因?yàn)闆]有科學(xué)上網(wǎng)，所以自己去github官網(wǎng)下個(gè)模板就行了
教大家一種簡(jiǎn)單的方法
如果是創(chuàng)建vue3.0 + vite + javascript的uni-app項(xiàng)目，直接在瀏覽器打開 https://github.com/dcloudio/uni-preset-vue 切換到vite分支下載zip后綴的壓縮文件，解壓到本地就可以了。
2、如果是創(chuàng)建vue3.0 + vite + typescript的uni-app項(xiàng)目，直接在瀏覽器打開 https://github.com/dcloudio/uni-preset-vue 切換到vite-ts分支下載zip后綴的壓縮文件，解壓到本地就可以了。
我選擇了 這個(gè)
3、如果是創(chuàng)建vue2.0 + javascript的uniapp項(xiàng)目報(bào)錯(cuò)，解決辦法費(fèi)勁些：
直接在瀏覽器打開 https://github.com/dcloudio/uni-preset-vue，在master分支下載zip后綴的壓縮文件，解壓到本地。
通過命令行安裝, -p后面是解壓后的項(xiàng)目創(chuàng)建包的路徑，記得路徑中用/，而不是\。
vue create -p D:/uni-preset-vue-master my-vue2-project不能上gitub的小伙伴，到我的國(guó)內(nèi)gitee的網(wǎng)址下載一樣滴?。?！
https://gitee.com/chen-zhengsheng/uniapp-vscode-vue3-ts-template?_from=gitee_search
然后按照提示選擇選擇執(zhí)行即可
現(xiàn)在2023年了，建議都用vue3+ts+vite，那寫起來是真的爽！??！
網(wǎng)頁(yè)運(yùn)行
npm run dev:h5
微信小程序運(yùn)行
npm run dev:mp-weixin
此時(shí)會(huì)生成一個(gè)dist文件
選擇就可以
名字換一個(gè)，然后appID用之前的就可以
這個(gè)我的代碼就能在網(wǎng)頁(yè)和微信小程序同時(shí)運(yùn)行啦，實(shí)時(shí)保存熱更新！
萬事開頭難，創(chuàng)建成項(xiàng)目就成功了一半
總結(jié)
到此這篇關(guān)于vscode中開發(fā)運(yùn)行uniapp項(xiàng)目的文章就介紹到這了,更多相關(guān)vscode開發(fā)運(yùn)行uniapp項(xiàng)目?jī)?nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Vue.js實(shí)現(xiàn)在下拉列表區(qū)域外點(diǎn)擊即可關(guān)閉下拉列表的功能(自定義下拉列表)
這篇文章主要介紹了Vue.js實(shí)現(xiàn)在下拉列表區(qū)域外點(diǎn)擊即可關(guān)閉下拉列表的功能(自定義下拉列表) ,需要的朋友可以參考下2017-05-05
這篇文章主要介紹了vue中如何監(jiān)聽url地址欄參數(shù)變化問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-03-03
vue electron應(yīng)用調(diào)exe程序的實(shí)現(xiàn)步驟
這篇文章主要介紹了vue electron應(yīng)用調(diào)exe程序的實(shí)現(xiàn)步驟,用Python寫了一個(gè)本地服務(wù)編譯成exe程序,在electron程序啟動(dòng)后,自動(dòng)執(zhí)行exe程序,文中有詳細(xì)的代碼示例供大家參考,需要的朋友可以參考下2024-02-02
vue項(xiàng)目中,前端使用axios與后臺(tái)進(jìn)行數(shù)據(jù)請(qǐng)求或者提交的時(shí)候,如果后臺(tái)沒有設(shè)置跨域,瀏覽器做數(shù)據(jù)請(qǐng)求的時(shí)候就會(huì)報(bào)錯(cuò),這篇文章主要給大家介紹了關(guān)于vue如何解決axios請(qǐng)求前端跨域問題的相關(guān)資料,需要的朋友可以參考下2021-10-10
vue?調(diào)用瀏覽器攝像頭實(shí)現(xiàn)及原理解析
這篇文章主要為大家介紹了vue調(diào)用瀏覽器攝像頭實(shí)現(xiàn)及原理解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-06-06
本文給大家介紹Vue3中setup()函數(shù)中聲明變量的幾種方法,希望本文能夠幫助你更好地理解Vue3的開發(fā)方式,感興趣的朋友跟隨小編一起看看吧2023-11-11
這篇文章主要介紹了Vue組件跨層級(jí)獲取組件操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-07-07
大家應(yīng)該都知道vue是單向數(shù)據(jù)流，一般我們也不會(huì)在子組件里面修改父組件傳進(jìn)來的值，但總有需要修改的時(shí)候，這篇文章主要介紹了vue中修改props傳進(jìn)來的值,需要的朋友可以參考下2022-12-12
WebSocket是一種全雙工通信協(xié)議,通過HTTP升級(jí)機(jī)制建立連接,支持實(shí)時(shí)雙向數(shù)據(jù)傳輸,示例代碼展示了如何在Java Spring Boot和Vue.js中實(shí)現(xiàn)WebSocket服務(wù)和客戶端2025-02-02
這篇文章主要介紹了若依VUE前端打包到測(cè)試環(huán)境,本文通過示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-12-12