Uni-app跟学笔记：uni-ui组件库的使用、项目打包（小程序、hAPP）

在Uni-app中使用uni-ui组件库，首先需要安装uni-ui：

npm install @dcloudio/uni-ui

在main.js中全局引入uni-ui：

import Vue from 'vue'
import App from './App'
import uView from '@dcloudio/uni-ui'
 
Vue.use(uView)
 
const app = new Vue({
    ...App
})
app.$mount()

在页面中使用uni-ui组件：

<template>
    <view>
        <u-button @click="clickMe">Click Me</u-button>
    </view>
</template>
 
<script>
export default {
    methods: {
        clickMe() {
            console.log('Button clicked!')
        }
    }
}
</script>

项目打包为小程序、H5、APP：

1. 小程序打包：

npm run build:mp-weixin

2. H5打包：

npm run build:h5

3. APP打包（首先确保你有正确的App开发环境）：

npm run build:app-plus

以上命令会分别生成对应平台的包，在dist/目录下。