在安裝好了node和vue腳手架之后,就可以找一個例子來本地運行一下了,如果環(huán)境還沒有安裝好
以mpvue音樂小程序項目源碼/mpvue微信小程序demo 為例
下載地址:https://github.com/XieTongXue/mpvue-music
1:打開鏈接,將項目download到本地
?

?
2:使用git或者cmd進入項目目錄,安裝依賴,為了避免國外服務器網(wǎng)速慢,我們使用國內淘寶鏡像安裝。
cnpm install
?

?
3:安裝完成之后,輸入運行命令
npm run dev
?

?
安裝預覽的時候,不是用瀏覽器打開輸入:localhost:8080。而是打開微信開發(fā)者工具,把項目根目錄導入進去。
4:但是,打開微信開發(fā)者工具的時候,會出現(xiàn)這樣的報錯。
?

?
5:點擊右上角詳情
勾選不校驗合法域名、web-view(業(yè)務域名)、TLS 版本以及 HTTPS 證書
?

?
6:查看項目如下,這個時候一個項目就可以跑起來了,研究項目結構,仔細查看每個模塊的代碼,慢慢的就可以做一個mpvue小程序了。
?

?
可能會出現(xiàn)的錯誤提示:mpvue踩坑-未找到入口 app.json 文件,或者文件讀取失敗,請檢查后重新編譯。這個時候,解決的方法已經(jīng)替你寫好了,覺得很開的的話那就給本菇?jīng)鲆粋€贊吧
原文作者:祈澈姑娘
90后前端妹子,愛編程,愛運營,愛折騰。
堅持總結工作中遇到的技術問題,堅持記錄工作中所思所見,對于博客上面有不會的問題,可以加入qq群聊來問我:473819131.
本文摘自 :https://blog.51cto.com/u