# vite2_vue3.2_typeScript_vant

**Repository Path**: http_git.oschina.net/vite2_vue3.2_type-script_vant

## Basic Information

- **Project Name**: vite2_vue3.2_typeScript_vant
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-01-24
- **Last Updated**: 2022-02-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue 3 + Typescript + Vite
# 参考的文章：https://github.com/ynzy/vite-vue3-h5-template/blob/main/README.md---模仿的项目
# 参考的文章: https://www.cnblogs.com/lhl66/p/14615338.html 
# 轻量级状态管理库pinia ,并且对composition API非常友好，其次，模块化设计，支持创建数个store，在打包时会被自动拆分，完美支持ts
# 轻量级状态管理库pinia解释文章：https://www.cnblogs.com/hexiaobang/p/15184822.html

# vue-cli中按需引入element-plus(使用unplugin-vue-components unplugin-auto-import) 参考文章：https://blog.csdn.net/qq_47000934/article/details/121807701 
# unplugin-vue-components:自动导入流行库组件和自定义组件

# vite-plugin-compression 参考文章：https://blog.csdn.net/qq_41499782/article/details/118650279

# 对于一些常用的VueAPI，比如ref、computed、watch等,通过unplugin-auto-import实现自动导入，无需import即可在文件里使用Vue的API

# // 获取组件实例 用于高阶用法或库的开发 internalInstance.appContext.config.globalProperties // 访问 globalProperties
# const internalInstance = getCurrentInstance()
# console.log(internalInstance, 'internalInstance') // 访问 globalProperties

# 在 Vite 中提供 jsx/tsx 支持：@vitejs/plugin-vue-jsx

# //组件按需导入---为了解决：刚创建的项目，引入个element-ui库，打包就超过500kb了，项目大了还得了
# npm install -D unplugin-vue-components unplugin-auto-import

# //安装vite-plugin-style-import 组件样式按需导入
# yarn add vite-plugin-style-import -D