小程序官網(wǎng)
wepy框架官網(wǎng)
1.7.0以后版本來這里
安裝 (Installation)
1.終端輸入：npm install -g wepy-cli
安裝報錯
如出現(xiàn)以上錯誤咳秉，可以嘗試在前面加sudo炎疆，隨后輸入密碼即可讯屈，指令：sudo npm install wepy-cli -g
2.創(chuàng)建模版：wepy init standard my-project
模版創(chuàng)建
打開項目
用官方小程序開發(fā)工具導入剛才創(chuàng)建項目中的dist文件夾
導入項目
用代碼編輯器打開創(chuàng)建的項目贡避，其中src為代碼編寫目錄
項目文件
開啟實時編譯
在終端輸入指令：wepy build --watch
實時監(jiān)聽編譯
wepy指令
安裝wepy：npm install -g wepy-cli
查看wepy的版本：npm view wepy-cli version
更新wepy-cli的版本：wepy upgrade
查看upgrade的命令幫助： wepy upgrade -h
查看上傳的demo模板： wepy list
初始化一個wepy項目穷绵，官方demo：wepy init standard my-project
根據(jù)模板初始化一個項目：wepy init brucx/wepy-zanui-demo test
開發(fā)過程中使用wepy：wepy build -h
錯誤集合
1.運行時報錯 thirdScriptError sdk uncaught third Error
錯誤記錄1
打開微信小程序的---詳情 --在頁面設置里面 將ES6轉ES5去掉
取消ES6轉ES5
2.未發(fā)現(xiàn)相關 sass 編譯器配置
錯誤記錄2
解決方法：
//安裝sass
npm i node-sass
//安裝wepy-compiler-sass插件
npm install wepy-compiler-sass --save-dev
//配置wepy.config.js
module.exports = {
"compilers": {
sass: {
'outputStyle': 'compressed'
}
}
};
3.找不到編譯器|未發(fā)現(xiàn)相關 less 編譯器配置
錯誤記錄3.png
解決方法：npm install less 后再 npm install wepy-compiler-less
4.未找到 app.json 中的定義的 pages
錯誤記錄4.png
解決方法：在app.wpy文件下pages數(shù)組中增加相應的page
錯誤解決4.png
5.出現(xiàn)腳本錯誤或者未正確調(diào)用 Page()
錯誤記錄5.png
接上出現(xiàn)的錯誤靖苇，因為改變了app.json鼓寺，需要重新編譯才可以生效新頁面
解決方法：npm run dev
