mpvue美團礦建開發小程序記錄

項目構建

* 全局安裝 vue-cli$ npm install --global vue-cli* 創建一個基于 mpvue-quickstart 模板的新項目$ vue init mpvue/mpvue-quickstart my-project* 安裝依賴 $ cd my-project$ npm install* 啟動構建$ npm run dev項目結構&＃xff1a;

引入第三方組件庫踩坑

這里引入的是 iView Weapp (https://weapp.iviewui.com/docs/guide/start)使用方法&＃xff1a;到 GitHub 下載 iView Weapp 的代碼&＃xff0c;將 dist 目錄拷貝到自己的項目中。愛掏網 - it200.com然后按照如下的方式使用組件&＃xff0c;以 Button 為例&＃xff0c;其它組件在對應的文檔頁查看&＃xff1a;1. 添加需要的組件。愛掏網 - it200.com在頁面的 json 中配置&＃xff08;路徑根據自己項目位置配置&＃xff09;&＃xff1a;"usingComponents": {"i-button": "../../dist/button/index"}2.在 wxml 中使用組件&＃xff1a; 這是一個按鈕備注&＃xff1a;可以在給單獨的頁面新建一個main.json文件進行相應的配置。愛掏網 - it200.com如下圖&＃xff1a;