# vue3-work-demo

**Repository Path**: nowodecuo/vue3-work-demo

## Basic Information

- **Project Name**: vue3-work-demo
- **Description**: 目录结构简化版，用于简单项目开发；
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-03-08
- **Last Updated**: 2024-04-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: vue3, vite, TypeScript

## README

# Vue 3 + Typescript + Vite

## 介绍

狂拽炫酷无敌暴龙战士CLI项目包

## 工程项目

1、目录结构简化版，用于工作中使用开发；

2、功能开发在对应的文件夹下建立与功能相同命名的文件夹；如： 用户登录，在 views -> pageComponents -> user 建立文件夹

## 目录结构

```
|-public
|-src
    |-assets 资源目录
    |-common 公共目录
        |-utils 工具方法
    |-config 通用配置
        |-index.ts 常用配置
    |-hooks   逻辑复用
        |-common 公共
            |-useBaiduMap 百度地图
            |-useData 创建绑定数据
            |-useStore 状态管理
            |-useWechat 微信
        |-index 统一导出
    |-router 路由
    |-rpc 远程调用服务
    |-services 请求服务
    |-store 状态目录
    |-typings 类型或接口对象
        |-common 公共类型/接口
        |-index 首页类型/接口demo
    |-views 视图
```

## 使用方法

##### 1. 下载依赖

`npm i` 或 `npm install`

##### 2. 开发运行

`npm run dev`

##### 3. 打包运行

`npm run build`