# 全局安裝
npm install -g wechat-mini-gulp
# 當前小程序根目錄下運行
wechat-gulp run init
# 安裝依賴
npm install

#開發(fā)環(huán)境
npm run gulpdev
#正式環(huán)境
npm run gulpbuild
# 測試環(huán)境
npm run gulptest
# 清空console
npm run gulpclean
# 同步routerConfig
npm run gulpsync

// 導入擴展方法
import './toulPlugins/index'

wx.$router.push // 類似vue的vue.router.push
wx.$router.replace // 類似vue的vue.router.replace
wx.$router.switchTab // 對應微信tab組件的switchTab方法

// 參數(shù)是字符串
wx.$router.push('/pages/index/index')

// 參數(shù)是對象
wx.$router.push({
 url: '/pages/index/index',
 params: {},
 query: {}
 events: {} // 對應微信的派發(fā)事件
})

// 這種寫法也支持 this.__params
wx.$router.push('/pages/index/index?id=1')

<view catch:tap="$goPage" data-url="/pages/mine/order/index?userType=isC&orderStatus=4" data-totype="push"></view>

// pages.js
// 調用chooseImage后，返回來歷史路徑
wx.$wxUploadFile(tempFilePaths[0]).then(obj => {})
// 上傳圖片
wx.$wxUploadFile = (imageUrl) => {
}

wx.$YBFThrottle = (cb, delay = 300) => {
 const nowPage = wx.$getNowPage()
 if (!nowPage.isCanClick) return
 nowPage.isCanClick = false
 cb && cb()

 setTimeout(() => {
 nowPage.isCanClick = true
 }, delay)
}

// /toulPlugins/extendWxApi.js
// 路由進入之前
wx.$beforeRouter = (from, to, next) => {
 // ...someCode
}

// 路由進入之后
wx.$afterRouter = (oldRoute, toRoute) => {
 // ...code
}

// 拿到當前頁面數(shù)據(jù)
wx.$getNowPage = () => {
 // ...code
}

// 拿到上一前頁面數(shù)據(jù)
wx.$getPrevPage = () => {
 // ...code
}

// confirm 
// return promise
wx.$confirm = (options) =>{}

// return promise
wx.$toast = (msg, cb) => {}

// return void
wx.$copy = (msg) => {}

wx.$once(fn)

// gulpconfig.js

// 以下信息為內(nèi)置默認配置
module.exports = {
 // 路徑別名
 alisa: {
 '@plugins': "./plugins",
 '@scss': './scss',
 '@utils': './utils',
 '@api': './api',
 '@config': './config',
 '@images': './images'
 },
 // 需要編譯的別名js文件，本工具默認監(jiān)聽ybf.js
 buildJsUrl: ['./pages/**/ybf.js'],
 // 這里建議寫好文件的路徑，方便gulp減少文件的監(jiān)聽
 
 // 需要編譯的scss文件，如果是abc.scss 則編譯成abc.scss
 buildScssUrl: ['./pages/**/*.scss', './components/**/*.scss'],
 
 // ts編譯
 buildTsUrl: ['./**/*.ts'],
 // app.json路徑 默認根目錄
 appJsonFilePath: './app.json',
 // 是否開啟ts編譯
 isTs: false
}

export default [
 {
 path: 'pages/index/index' // app.json 相對應的 pages下的路徑
 meta: {
  noPage: true // 提示 頁面暫未開發(fā)
 }
 }
]

// changeEnvMode.js
// 手動改變 /config/env.ts文件，默認mode=dev 并執(zhí)行ts編譯
function changeEnvMode(mode) {
 // ...somecode
 buildTypeScript({})
}

// createYbfPageTask.js
// 監(jiān)聽ybf文件，解決文件@引入,只支持監(jiān)聽/pages目錄下，并生成相對應的index.js，
function createYbfPageTask(event) {
 // ...somecode 
}

// createdYbfcss.js
// 該函數(shù)支持px轉rpx 支持文件@引入，支持監(jiān)聽component和pages下的文件index.scss，生成相對應的index.scss
function createdYbfcss(event) {
 // ...somecode 
}

// buildTypeScript.js
// 監(jiān)聽當前目錄下所有ts文件，改動一個ts文件后，所有ts文件都會自動編譯
function buildTypeScript(event) {
 // ...somecode 
}

// gulpCleanConsole.js
function gulpCleanConsole() {
 // ...somecode
}

// createdWechatFile.js
// 監(jiān)聽pages下所有文件的ybf.js生成，如果生成創(chuàng)建wxss,wxml,scss,ybf.js,json文件
function generateFile(event) {
 
 generateJson()
 generateRoute()
}
// 向app.json文件內(nèi)部pages下新增頁面路由
function generateJson(pageUrl) { 
}
// 向/toulPlugins/routesConfig.js做路由同步
function generateRoute(pageUrl) {}

// synsPages.js
// 該文件只為了同步app.json下pages對象，為了后期擴展進行路由攔截配置等問題
function syncPage() {}