詳細的微信小程序學習筆記(從入門到項目)(3)

框架的選用

因爲個人已經習慣了Vue的開發模式,選用了wepy框架開發小程序,wepy是一款讓小程序支持組件化開發的框架，類Vue開發風格.

框架項目地址

安裝wepy腳手架工具

(node等開發工具默認已經安裝)

npm install -g wepy-cli

初始化項目

// 默認生成帶有組件其他模塊的項目(redux)
wepy init standard wepyshop  

// 默認生成空白項目
wepy init empty wepyshop

// 切換目錄
cd wepyshop

// 安裝依賴
npm install

編譯爲小程序

// 注意：初始化項目時未輸入appid的可以在項目根目錄project.config.json中修改`appid`字段
// 加上--watch設置爲實時編譯
wepy build --watch

編譯後會在項目根目錄生成一個dist文件夾，dist文件夾就是編譯後的小程序項目，使用微信開發工具導入項目

開發工具

我自己使用的是 vscode,通過vscode打開項目，wepy語法高亮需要安裝高亮插件 - Vetur-wepy.方便開發