# v3-vite-vuex-ts-element-plus

**Repository Path**: zhouyunfang_admin/v3-vite-vuex-ts-element-plus

## Basic Information

- **Project Name**: v3-vite-vuex-ts-element-plus
- **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-01-30
- **Last Updated**: 2024-01-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue 3 + TypeScript + Vite + vuex + element-plus
#### 搭建项目步骤:
> npm init vite@latest vue3-vite-ts-vuex-element-ui

-  create-vite@5.1.0版本

#### 安装路由
> npm install vue-router

#### 解决.vue文件引入报红色下划线
```javascript
// vite-env.d.ts文件中加入以下代码
declare module "*.vue" {
  import type { DefineComponent } from "vue";
  const vueComponent: DefineComponent<{}, {}, any>;
  export default vueComponent;
}

```
#### 安装element-plus
- 地址 https://element-plus.org/zh-CN/guide/quickstart.html#%E7%94%A8%E6%B3%95
- 1.完整引入
> npm install element-plus --save
- 2.自动导入方式 (推荐)
> npm install -D unplugin-vue-components unplugin-auto-import