1. 環境配置

（1） 安裝nodejs,下載地址：https://nodejs.org/zh-cn/

（2） 全域性安裝或更新WePY命令列工具，在命令列中執行

npm install wepy-cli –g

1. 專案初始化

(1) 建立專案：wepy init standard cust

(2) 切換至專案目錄：cd cust

(3) 安裝依賴：npm install

(4) 開啟實時編譯: wepy build –watch

(5) 開啟微信開發者工具，建立專案，目錄選擇dist

1. 專案目錄結構

├── dist                   小程式執行程式碼目錄（該目錄由WePY的build指令自動編譯生成，請不要直接修改該目錄下的檔案）

├── node_modules           npm包

├── src                    程式碼編寫的目錄（該目錄為使用

|   ├── components         WePY元件目錄（元件不屬於完整頁面，僅供完整頁面或其他元件引用）

├── helper                 公用js 

|   |   ├── ajax.js        ajax負責和後端的互動

|   |   ├── filter.wxs     過濾器

|   |   ├── func.js        公用方法

|   |   ├── host.js        域名配置

|   |   ├──WxValidate.js   表單驗證的方法

|   ├── pages              WePY頁面目錄（屬於完整頁面）

|   |   ├── index.wpy      index頁面（經build後，會在dist目錄下的pages目錄生成index.js、index.json、index.wxml和index.wxss檔案）

|   └── app.wpy            小程式配置項（全域性資料、樣式、宣告鉤子等；經build後，會在dist目錄下生成app.js、app.json和app.wxss檔案）

|   ├── mixins             混合程式碼

|   |   ├──bindValue.js    繫結資料的混合程式碼

|   |   ├──listMixins.js   列表頁的混合程式碼

└── package.json           專案的package配置

1. 注意事項

(1) 關閉ES6轉ES5選項，關閉。 重要：未關閉會執行報錯。

(2) 關閉上傳程式碼時樣式自動補全選項，關閉。 重要：某些情況下漏掉此項也會執行報錯。

(3) 關閉程式碼壓縮上傳選項，關閉。重要：開啟後，會導致真機computed, props.sync 等等屬性失效。

(4) 開啟程式碼驗證後，要注意空格和分號

(5) 使用button跳轉授權頁面時沒效果

1. API

(1)ajax 呼叫ajax方法時需要傳的引數/**ajax

 * @param {Object} before 請求前的詢問

 * @param {Object} loading 請求過程中的loading

 * @param {Object} fn 請求完後執行的回撥

 * @param {Object} data 請求的引數

 * @param {Object} modal 請求完後的對話方塊

 * @param {Object} hint 請求完後的提示框

 */

(2) WxValidate表單驗，呼叫此方法時需要例項化這個物件，初始化這個物件時，將驗證規則和

驗證欄位傳進去

/**

 * 表單驗證

 * @param {Object} rules 驗證欄位的規則

 * @param {Object} messages 驗證欄位的提示資訊

 *

 */

(3) 在原生程式碼裡wepy.$instance代替getApp()