# Vue3通用后台管理

**Repository Path**: lan-jason/vue3-universal-backend

## Basic Information

- **Project Name**: Vue3通用后台管理
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-09-10
- **Last Updated**: 2024-09-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

#### 创建 vue3 项目

npm create vite@latest
npm install

删除无用代码

npm install less vue-router element-plus -s
npm install @element-plus/icons-vue -s

别名配置：

```js
resolve: {
  alias: [
    {
      find: '@',
      replacement: '/src',
    },
  ]
}
```

#### 重置样式

#### 创建.prettierrc 文件

```json
{
  "semi": false,
  "singleQuote": true,
  "trailingComma": "all"
}
```

Element 自动导入
npm install -D unplugin-vue-components unplugin-auto-import

```js
//vite.config,js
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

// 配置自动导入element ui组件
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'

export default defineConfig({
  plugins: [
    vue(),
    AutoImport({
      resolvers: [ElementPlusResolver()],
    }),
    Components({
      resolvers: [ElementPlusResolver()],
    }),
  ],
  resolve: {
    alias: [
      {
        find: '@',
        replacement: '/src',
      },
    ],
  },
})
```

#### pinia

npm install pinia

npm install axios

npm install mockjs -D
上线需把 import './mock'去掉