點擊右上方紅色按鈕關注“web秀”，讓你真正秀起來！
準備工作
2.對前端mvvm有一定的瞭解
3.會nodejs npm 進行前端組件化開發
框架特點
框架的產生必然是解決開發中的痛點，wepy解決了什麼問題？ 主要是對原生的開發進行了簡化。原生開發中每一個頁面要對應四種文件， 而且交互、 數據綁定都十分繁瑣 。wepy借鑑了vue的思想 ， 實現了組件化，以組件代替模板和模塊， 結構更清晰。同時數據的綁定，api都進行了優化。特別是參數的綁定和監視 都有很大的改觀。極大提高了開發效率。
入門
環境要求：nodejs 環境。
命令行 node -v 查看有沒有nodejs 環境. wepy的安裝或更新都通過 NPM 進行。
wepy版本：最新的1.7.2版本
安裝wepy 命令行在指定目下執行 npm install wepy-cli -g 進行全局配置wepy環境。
wepy init standard myproject 是原生的官方模板 初始化工程命令。通過 wepy list可以查看模板的列表， 目前模板比較少，主要有兩個weui zanui。
步驟
- 在指定目錄下執行初始化工程命令 wepy init + 模板名稱 +自定義項目名稱。
- 執行完畢後 cd 到自定義項目名稱目錄下 執行 npm install 進行相關的依賴安裝。
- 安裝完畢後 執行 wepy build -w 進行編譯生成 dist 目錄。
- 微信的開發工具 打開一定要打開 你 wepy init 的目錄 不要打開 dist 目錄
- wepy build 命令Options: -f, --file
待編譯wpy文件 -s, --source 源碼目錄 -t, --target 生成代碼目錄 -o, --output 編譯類型：web，weapp。默認為weapp -p, --platform 編譯平臺：browser, wechat，qq。默認為browser -w, --watch 監聽文件改動 --no-cache 對於引用到的文件，即使無改動也會再次編譯 -h, --help output usage information
目錄結構
微信小程序組件化開發框架wepy 學習（一）
微信工具打開後編譯正常, 出現正常顯示的界面, 環境就配置完畢了,
開發中一般很少人使用微信的開發工具。會使用 Sublime、 Jetbrains、 IDEs 、Atom、 VS Code、VIM 等工具進行開發。 相關的高亮提示配置在官方文檔也有。
分享到:
閱讀更多 web秀 的文章
