04——wepy框架搭建

wepy官方文檔：https://tencent.github.io/wepy/document.html#/

1.項目下載

# 1.安裝wepy-cli
npm install wepy-cli -g
    
# 2.利用wepy-cli建立項目
wepy init standard myproject

# 3.切換目錄：
cd myproject

# 4.安裝依賴包
npm install

# 5.打開開發模式
npm run dev

一套結果走下來如圖所示（未使用redux）：

src目錄下有components、mixins、pages三個目錄。其中components存放組件，組件能夠根據業務須要定義；mixins存放混合（混入），可放一些頁面通用方法，pages下存放頁面。

2.導入到開發者工具：

打開小程序的開發者工具，而後選擇文件夾時候，選擇dist目錄便可。

這裏要注意：

關閉前三個。wepy框架內置babel工具，會將es6轉爲es5，且支持自動壓縮。勾選這些項目可能致使報錯。

效果如圖所示: