# vant4-vue3-template

**Repository Path**: liumaotong/vant4-vue3-template

## Basic Information

- **Project Name**: vant4-vue3-template
- **Description**: 这个模板应该可以帮助你开始使用 Vue 3 + Vite + TypeScript + Vant4 开发。 
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-11-29
- **Last Updated**: 2024-01-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: vant4, vite, vue3

## README

# Vue 3 + Vite + TypeScript + Vant4

这个模板应该可以帮助你开始使用 Vue 3 + Vite + TypeScript + Vant4 开发。这个模板使用了 Vue 3 的 `<script setup>`
SFCs，查看 [script setup 文档](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) 以了解更多。

## 项目结构

```
├── public
│   └── index.html
├── src
│   ├── assets
│   ├── components
│   ├── router
│   ├── store
│   ├── styles
│   ├── utils
│   ├── views
│   ├── App.vue
│   └── main.ts
├── .editorconfig
├── .env
├── .env.development
├── .env.production
├── .eslintrc.js
├── .gitignore
├── .prettierrc
├── babel.config.js
├── package.json
├── README.md
├── tsconfig.json
├── vite.config.ts
└── yarn.lock
```

## 使用

```
yarn
yarn dev
yarn build
```

## 推荐使用的编辑器

- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (
  and disable
  Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
- WebStorm + [Vue.js](https://plugins.jetbrains.com/plugin/9442-vue-js/) + [TypeScript](https://plugins.jetbrains.com/plugin/typescript) + [Vue.js Companion](https://plugins.jetbrains.com/plugin/13377-vue-js-companion) + [Vue 3 Snippets](https://plugins.jetbrains.com/plugin/16132-vue-3-snippets)