# vue3_spring_web

**Repository Path**: great-white/vue3_spring_web

## Basic Information

- **Project Name**: vue3_spring_web
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-11-21
- **Last Updated**: 2023-11-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

#
#  C:\Users\kai.luo\AppData\Roaming\Code\User\settings.json
#  elemnet-plus地址： https://element-plus.org/zh-CN/guide/design.html
#  路由地址：  https://router.vuejs.org/zh/installation.html
#  vite 官网： https://cn.vitejs.dev/guide/
#
#  淘宝最新镜像配置： npm set registry https://registry.npmmirror.com/
#  配置文件的别名
1. 安装 npm i @types/node，
2. 在vite.config.ts中
   # 引入 import {resolve} from 'path'。
   #  resolve: {
         alias:{
            '@': resolve(__dirname,'src')
         }
      }
  # __dirname:当前文件夹所在的绝对路径
  # 这个resolve是node_modules中的path里面的pash.js提供的一个解析路径的方法，他总是返回一个以相对于当前的工作目录的绝对路径
3. 在tsconfig.json中添加
      "baseUrl": ".",
         "paths": {
            "@/*":["src/*"]
         }
4. 下载Vue VSCode Snippets插件并启用，快速生成模板
5. 下载 npm i element-plus --save ，按需导入element-plus：
   npm install -D unplugin-vue-components unplugin-auto-import
   配置参考官网
6. 下载icon包 npm install @element-plus/icons-vue
   全局引入：
   const app = createApp(App)
   for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
   app.component(key, component)
   }
7. 下载 npm install vue-router@4