1

项目构建

    * 全局安装 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文件进行相应的配置。如下图:

图片描述


LaughingZhu
233 声望21 粉丝

Web Engineer,坐标=》北京,喜欢爬山、唱歌、旅游。


引用和评论

0 条评论