# wand

**Repository Path**: xzhangkui/wand

## Basic Information

- **Project Name**: wand
- **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-04-02
- **Last Updated**: 2024-04-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## Project setup

```
yarn install
```

### Compiles and hot-reloads for development

```
yarn serve
```

### Compiles and minifies for production

```
yarn build
```

### Run your unit tests

```
yarn test:unit
```

### Lints and fixes files

```
yarn lint
```

### Customize configuration

See [Configuration Reference](https://cli.vuejs.org/config/).

## 项目目录结构

-   [.husky](#一级标题) -- husky 配置文件
-   [output](#一级标题) -- 打包输出的文件 目前没有，名字待定
-   [common](#一级标题)
    -   [network](#二级标题) -- 公共的 axios 配置文件
    -   [vue_common_config](#二级标题) -- vue 配置文件
    -   [utils](#二级标题) -- 工具类封装
-   [config](#一级目录)
    -   [index.js](#二级标题) -- cdn 和 api 域名的配置
    -   [app.config.js](#二级标题) -- 获取 cdn 和 api 域名的配置文件
    -   [pontTemplate.js](#二级标题) -- swaggerjson 转码
-   [public](#一级目录) -- 存放模版和网站图标
-   [src](#一级标题)
    -   [types](#二级标题) -- 公共 type
    -   [api](#二级标题) -- 存放接口的文件
    -   [assets](#二级标题) -- 静态资源
    -   [utils](#二级标题) -- 当前业务公共函数封装
    -   [components](#二级标题) -- 公共组件
    -   [config](#二级标题) -- 项目单独相关的配置文件
    -   [router](#二级标题) -- 路由
    -   [store](#二级标题) -- 全局的 store
    -   [views](#二级标题) -- 页面
    -   [App.vue](#二级标题) -- 页面入口
    -   [main.ts](#二级标题) -- 项目入口文件
    -   [shims-vue.d.ts](#二级标题)
-   [tsconfig.json](#一级目录) -- ts 的配置文件
-   [auto-imports.d.ts](#一级目录) -- 组件按需导入的配置
-   [vue.config.js](#一级目录) -- vue 的配置文件
-   [package.json](#一级目录) -- 配置文件
-   [babel.config.js](#一级目录) -- babel 配置文件
-   [commitlint.config.js](#一级目录) -- git commit 配置文件
-   [.eslintrc.js](#一级目录) -- eslint 的配置文件
-   [.eslintignore](#一级目录) -- 忽略 eslint 配置的文件
-   [.browserslistrc](#一级目录) -- 浏览器配置文件
-   [.npmrc](#一级目录) -- 设置 npm 源
-   [pont-config.json](#一级目录) -- pont 配置文件

## 代码风格(现在 vue 有两个风格，选项式 API 和组合式 API)

### 所有 vue 的代码风格，都要统一,都使用 组合式 API

```
<script setup lang='ts'>
import { ref, onMounted } from 'vue'

// 响应式状态
const count = ref(0)

// 用来修改状态、触发更新的函数
function increment() {
  count.value++
}

// 生命周期钩子
onMounted(() => {
  console.log(`The initial count is ${count.value}.`)
})
</script>

<template>
  <button @click="increment">Count is: {{ count }}</button>
</template>

```