uniapp安装uview

安装 uView UI

使用 npm 或 yarn 安装 uView UI 库：

npm install uview-ui
# 或
yarn add uview-ui

引入 uView UI

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

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

配置 SCSS

在项目根目录的 uni.scss 文件中引入 uView 的主题样式：

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

配置 easycom 组件模式

在 pages.json 中添加 easycom 配置，确保组件自动引入：

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

更新编译器配置

在项目根目录的 vue.config.js 中添加以下配置（如文件不存在则新建）：

module.exports = {
  transpileDependencies: ['uview-ui']
};

测试组件

在页面中直接使用 uView 组件测试是否成功引入：

<template>
  <u-button type="primary">测试按钮</u-button>
</template>

注意事项

• 确保项目基于 Vue 2 环境，uView 2.x 不支持 Vue 3。
• 若遇到编译问题，尝试清除 node_modules 后重新安装依赖。
• 官方文档建议配合 HBuilderX 使用，部分功能可能需要特定 IDE 支持。