uniapp安装uview

安装uView到UniApp项目

方法一：通过npm安装（推荐）

确保项目已初始化npm，在项目根目录执行以下命令：

npm install uview-ui

在main.js文件中引入并注册uView：

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

方法二：通过HBuilderX插件市场安装

在HBuilderX编辑器内，点击顶部菜单【工具】-【插件安装】，搜索"uView"并安装。安装后需在main.js手动引入：

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

配置基础样式

在uni.scss文件中添加全局变量引用：

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

在App.vue的style标签中引入基础样式：

<style lang="scss">
@import "uview-ui/index.scss";
</style>

配置easycom组件模式

修改pages.json启用自动按需引入：

{
  "easycom": {
    "^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
  }
}

注意事项

安装完成后建议重启HBuilderX。组件使用时直接按u-前缀调用，例如<u-button>按钮</u-button>。如需定制主题色，修改uni.scss中的$u-primary变量。