mpvue美團(tuán)礦建開發(fā)小程序記錄

* 全局安裝 vue-cli$ npm install --global vue-cli* 創(chuàng)建一個基于 mpvue-quickstart 模板的新項(xiàng)目$ vue init mpvue/mpvue-quickstart my-project* 安裝依賴 $ cd my-project$ npm install* 啟動構(gòu)建$ npm run dev項(xiàng)目結(jié)構(gòu)&＃xff1a;

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