【uniapp】安装与使用uView组件库与uni-ui组件库：

插件市场：

https://ext.dcloud.net.cn/plugin?id=1593

在这里插入图片描述

在这里插入图片描述

npm init -y 或者   npm init + 一路回车即可

npminstall uview-ui

在这里插入图片描述

import uView from 'uview-ui'
Vue.use(uView)

@import 'uview-ui/theme.scss';

在这里插入图片描述

温馨提示:

1.uni-app为了调试性能的原因，修改easycom规则不会实时生效，配置完后，您需要重启HX或者重新编译项目才能正常使用uView的功能。

2.请确保您的pages.json中只有一个easycom字段，否则请自行合并多个引入规则。

easycom组件模式的好处在于不管components目录下安装了多少组件，easycom打包后会自动剔除没有使用的组件，对组件库的使用尤为友好，组件库批量安装，随意使用，自动按需打包。

{"easycom":{"^u-(.*)":"uview-ui/components/u-$1/u-$i.vue"},
    "pages":[]}

在这里插入图片描述

<style lang="scss">
    /*每个页面公共css */
    @import 'uview-ui/index.scss'</style>

在这里插入图片描述

在这里插入图片描述

安装方法
官网
里面写得很清楚，就不写了

在这里插入图片描述

标签： uni-app vue.js 前端

本文转载自: https://blog.csdn.net/weixin_53791978/article/details/128042610
版权归原作者 Sun Peng 所有，如有侵权，请联系我们删除。