uView Plus 快速上手指南

uView Plus 快速上手指南

本指南适用于想要在 uni-app（Vue3 + Vite）项目中快速集成 uView Plus UI 组件库的开发者。

内容涵盖：

• 如何创建 uni-app 项目并安装 uView Plus
• 详细的配置步骤，包括 pages.json、main.js、App.vue 等
• 常见组件示例，如图标、按钮等
• 解决组件不显示、样式不生效等常见问题
• 最佳实践、推荐工具及 AI 助手的高效使用方式

📌 希望本指南能帮助您更快上手 uView Plus，提升开发效率！

---

一、创建项目

1. 打开 HBuilderX。
2. 点击 文件 -> 新建 -> 项目。
3. 选择 uni-app Vue3/Vite 模板。
4. 输入项目名称并创建。

---

二、安装与配置

1. 安装依赖

在项目根目录下执行以下命令来初始化并安装 uview-plus：

npm init -y
npm install uview-plus

2. 配置 pages.json

{
   
  "easycom": {
   
    "autoscan": true,
    "custom": {
   
      "^u-(.*)": "uview-plus/components/u-$1/u-$1.vue"
    }
  }
}

3. 配置 main.js

import {
    createSSRApp } from 'vue'