uni-halo/.agents/skills/uview-pro-vue3/templates/installation.md

Installation Templates

npm Installation

npm install uview-pro

Easycom Configuration

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

Main.js Setup

// main.js
import { createSSRApp } from 'vue'
import uView from 'uview-pro'
import App from './App.vue'

export function createApp() {
  const app = createSSRApp(App)
  app.use(uView)
  return {
    app
  }
}

Style Import

// App.vue
@import 'uview-pro/index.scss';

Complete Setup

# Install
npm install uview-pro

# Configure easycom in pages.json
# Import in main.js
# Import styles in App.vue