uniapp如何安装uview

1.下载并导入插件

打开链接 uView2.0重磅发布，利剑出鞘，一统江湖 - DCloud 插件市场

没有的登录的就先登录

导入成功后，可见

2. 添加配置

main.js

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

uni.scss

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

App.vue

<style lang="scss">
	/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
	@import "@/uni_modules/uview-ui/index.scss";
</style>

3. 测试是否安装配置成功

在 pages/index/index.vue 中添加一个 uView 按钮

<u-button type="primary" :plain="true" text="镂空"></u-button>


1

记得安装成功后 一定要重新启动项目

运行项目查看效果

如上图所示，则恭喜你安装配置成功！