# vue3-enclosure

**Repository Path**: jalymg/vue3-enclosure

## Basic Information

- **Project Name**: vue3-enclosure
- **Description**: 基于Vue3+ts，其中对router、axios、pinia进行了封装，可用于项目从0到1的开发，使用NaiveUI作为UI框架，eslint规则自行添加使用，欢迎大家下载使用。
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-04-16
- **Last Updated**: 2024-05-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: vue3, TypeScript, Pinia, vueRouter4, naiveui

## README

# Vue 3 + Typescript + Vite

This template should help get you started developing with Vue 3 and Typescript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.

# npm run dev

## Recommended IDE Setup

- [VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar)

## Type Support For `.vue` Imports in TS

Since TypeScript cannot handle type information for `.vue` imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates. However, if you wish to get actual prop types in `.vue` imports (for example to get props validation when using manual `h(...)` calls), you can enable Volar's `.vue` type support plugin by running `Volar: Switch TS Plugin on/off` from VSCode command palette.

```javascript
|-- node_modules                           // 包依赖
|-- public                                 // 主题logo
    |-- favicon.ico
|-- src
    |-- api                                // 接口目录
        |-- user                           // 文章接口
            |-- index.d.ts
            |-- index.ts
    |-- assets                             // 静态文件资源
    |-- components
        |-- aside
            |-- index.vue                  // 侧边
        |-- footer
            |-- index.vue                  // 底部
        |-- header
            |-- index.vue                  // 顶部
        |-- home-components
            |-- upload.vue                 // 上传组件
            |-- user-info.vue              // 用户注册组件
    |-- enums
        |-- appEnum.ts                     // 全局变量
        |-- httpEnum.ts                    // 接口变量
    |-- layout
        |-- index.vue                      // 布局
    |-- router
        |-- modules
            |-- home.ts                    // 首页相关路由
        |-- guard.ts                       // 路由导航守卫
        |-- index.ts                       // 跟路由
    |-- store
        |-- modules
            |-- user.ts                    // 用户状态管理
        |-- index.ts                       // 状态管理pinia
    |-- utils
        |-- auth.ts                        // 用户信息相关缓存方法
        |-- error-code-type.ts                         // 错误code码信息
        |-- publicFunction.ts                       // 公用方法
        |-- http.d.ts                      // 请求ts模型
        |-- http.ts                        // 请求第二次封装
        |-- cancel.ts                      // 封装 取消请求
        |-- is.ts                          // 判断是什么
        |-- http0.ts                       // 请求第一次封装
    |-- views
        |-- home
            |-- user.vue                   // 用户管理
        |-- login
            |-- index.vue                  // 登陆注册
    |-- App.vue                            // 根组件
    |-- main.ts                            // 主入口
```