Vue3-ts-template

这是一个开箱即用的 Vite2 + Vue3 + TypeScript 模板，可以帮助小伙伴们快速建立项目；

已配置好的开箱即用功能：

• 编程语言：TypeScript 4.x 、JavaScript

• 前端框架：Vue 3.x

• 构建工具：Vite 2.x

• UI 框架：Element Plus

• CSS预编译：Sass

• HTTP工具：Axios

• 路由管理：Vue Router 4.x

• 状态管理：Pinia

• 代码规范：EditorConifg、Prettier、ESLint、Airbnb JavaScript Style Guide

• 提交规范：husky、Commitlint 、lint-staged

还有一些其余的各种功能插件：

• 实现自动按需加载（墙裂推荐）：unplugin-auto-import、unplugin-vue-components、vite-plugin-style-import、unplugin-icons

• 实现 SVG图标 的组件化：vite-svg-loader

• 让各种 API 支持响应式：VueUse

• 让加载页面时有所反馈：NProgress

• 支持 markdown：vite-plugin-md

上述所有的功能都已经过配置和验证，使用模板之后就可以愉快的撸码了！

备注

vite 和 webpack 部分区别

• 引入静态资源

    webpack: require('@/assets/xx.png')
    vite:
    const getImageUrl = (name: string) => {
            return new URL(`../.././assets/${name}.png`, import.meta.url).href
        }
    const logo = getImageUrl('logo')