项目构建 * 全局安装 vue-cli $ npm install –global vue-cli * 创建一个基于 mpvue-quickstart 模板的新项目 $ vue init mpvue/mpvue-quickstart my-project * 安装依赖 $ cd my-project $ npm install * 启动构建 $ npm run dev 项目结构:引入第三方组件库踩坑 这里引入的是 iView Weapp (https://weapp.iviewui.com/docs/guide/start) 使用方法:到 GitHub 下载 iView Weapp 的代码,将 dist 目录拷贝到自己的项目中。然后按照如下的方式使用组件,以 Button 为例,其它组件在对应的文档页查看: 1. 添加需要的组件。在页面的 json 中配置(路径根据自己项目位置配置): “usingComponents”: { “i-button”: “../../dist/button/index” } 2.在 wxml 中使用组件: <i-button type=“primary” bind:click=“handleClick”>这是一个按钮</i-button> 备注: 可以在给单独的页面新建一个main.json文件进行相应的配置。如下图: 亦可以在src文件下的app.json进行统一配置(这样就不需要每个页面都去配置一次,方便一点),详情见下图: