在安裝好了node和vue腳手架之后晋修,就可以找一個例子來本地運行一下了粹排,如果環(huán)境還沒有安裝好,參考:基于mpvue的小程序項目搭建的步驟:https://blog.csdn.net/qq_36538012/article/details/80748367
以mpvue音樂小程序項目源碼/mpvue微信小程序demo 為例
下載地址:https://github.com/XieTongXue/mpvue-music
1:打開鏈接,將項目download到本地
2:使用git或者cmd進入項目目錄狸臣,安裝依賴,為了避免國外服務(wù)器網(wǎng)速慢,我們使用國內(nèi)淘寶鏡像安裝昌执。
cnpm install
3:安裝完成之后烛亦,輸入運行命令
npm run dev
安裝預覽的時候,不是用瀏覽器打開輸入:localhost:8080懂拾。而是打開微信開發(fā)者工具煤禽,把項目根目錄導入進去。
4:但是岖赋,打開微信開發(fā)者工具的時候,會出現(xiàn)這樣的報錯呜师。
5:點擊右上角詳情
勾選不校驗合法域名、web-view(業(yè)務(wù)域名)贾节、TLS 版本以及 HTTPS 證書
6:查看項目如下汁汗,這個時候一個項目就可以跑起來了衷畦,研究項目結(jié)構(gòu),仔細查看每個模塊的代碼知牌,慢慢的就可以做一個mpvue小程序了祈争。
可能會出現(xiàn)的錯誤提示:mpvue踩坑-未找到入口 app.json 文件,或者文件讀取失敗角寸,請檢查后重新編譯菩混。這個時候,解決的方法已經(jīng)替你寫好了扁藕,覺得很開的的話那就給本菇?jīng)鲆粋€贊吧:http://www.reibang.com/p/99b575fbbf3a
原文作者:祈澈姑娘 技術(shù)博客:http://www.reibang.com/u/05f416aefbe1
90后前端妹子沮峡,愛編程,愛運營亿柑,愛折騰邢疙。
堅持總結(jié)工作中遇到的技術(shù)問題,堅持記錄工作中所思所見望薄,對于博客上面有不會的問題疟游,可以加入qq群聊來問我:473819131.