https://github.com/guixianleng/vue3-vite-ts-template

Vue 3 + Typescript + Vite
https://github.com/guixianleng/vue3-vite-ts-template

ant-design typescript vite vue

Last synced: 12 days ago
JSON representation

Vue 3 + Typescript + Vite

• Host: GitHub
• URL: https://github.com/guixianleng/vue3-vite-ts-template
• Owner: guixianleng
• License: mit
• Created: 2021-12-23T03:24:33.000Z (about 3 years ago)
• Default Branch: antd3-admin
• Last Pushed: 2022-06-08T01:39:34.000Z (over 2 years ago)
• Last Synced: 2024-04-16T09:22:14.167Z (10 months ago)
• Topics: ant-design, typescript, vite, vue
• Language: TypeScript
• Homepage: https://guixianleng.github.io/vue3-vite-ts-template/
• Size: 94.7 MB
• Stars: 1
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Vue 3 + Typescript + Vite + pinia + ant-design-vue

## Preparation

- [Vite](https://vitejs.dev/) - Familiar with vite features

- [Vue3](https://v3.vuejs.org/) - Familiar with Vue basic syntax

- [TypeScript](https://www.typescriptlang.org/) - Familiar with the basic syntax of `TypeScript`

- [Es6+](http://es6.ruanyifeng.com/) - Familiar with es6 basic syntax

- [Ant-Design-Vue](https://2x.antdv.com/docs/vue/introduce-cn/) - ui basic use

- [Mock.js](https://github.com/nuysoft/Mock) - mockjs basic syntax

## 图标

### 组件库图标

使用 ant-design-vue 提供的图标

```vue

  

  

  

  import { defineComponent } from 'vue'

  import { StarOutlined, StarFilled, StarTwoTone } from '@ant-design/icons-vue'

  export default defineComponent({

    components: { StarOutlined, StarFilled, StarTwoTone },

  })

```

### Iconify 图标（推荐使用）

项目中使用到的是 [vite-plugin-purge-icons](https://github.com/antfu/purge-icons/blob/main/packages/vite-plugin-purge-icons/README.md) 这个插件来进行图标实现。

## Install and use

- Get the project code

```bash

git clone https://github.com/guixianleng/vue3-vite-ts-template.git

```

- Installation dependencies

```bash

yarn install

```

- run

```bash

yarn serve

```

- build

```bash

yarn build

```