天天看點

wepy 搭建小程式

新手一枚,最近在研究小程式。如有不對之處,請多多指教喲(__) 嘻嘻……

考慮用wepy 來搭建項目,mpvue 後續再研究

官網先貼上:https://tencent.github.io/wepy/document.html#/

1.安裝wepy-cli,建立新項目

npm install wepy-cli -g

2,初始化項目

wepy init standard myproject

注釋:myproject 檔案夾名稱

wepy 搭建小程式

3.直接按官網說的

npm install 安裝依賴

wepy build --watch 開啟實時編譯

或者在自己的電腦中找到檔案夾名稱是myproject 的檔案夾,直接用編譯器webstrom打開

npm install 安裝依賴

wepy build --watch 開啟實時編譯

wepy 搭建小程式

4.打開微信web開發工具.項目目錄切換到先前建立項目的dist檔案

wepy 搭建小程式

appid 可用測試 和項目名稱自己填寫。填完确定就ok 啦。

5.搭建完成。預覽效果。在編輯器修改的樣式會同步在開發工具中,直接預覽樣式

wepy 搭建小程式

6.最後設定微信小程式中的項目資訊

找到微信小程式的“項目子產品”,關閉ES6轉ES5、上傳代碼時樣式自動補全、上傳代碼時自動壓縮混淆,由于是開發階段,為了友善調試要勾選不校驗合法域名…。圖檔不傳了。