jizai1125 / vue-vite-starter

Vue 3 + Vite + TypeScript 模板，包含后台、H5、大屏 分支模板

vue-vite-starter

快速克隆对应分支

方式1（推荐）：利用 degit 工具快速克隆所需分支，该工具不会将 git 历史克隆下来。例如克隆 admin 分支：

npx degit github:jizai1125/vue-vite-starter#admin my-project

方式2：使用 git 命令，指定选项 --depth=1 是下载单 commit，-b 是下载指定分支

git clone --depth=1 -b admin [e-mail]:jizai1125/vue-vite-starter.git

分支说明

• main：基础配置
• admin 分支：在基础配置上集成管理台相关的配置
• h5 分支：在基础配置上集成 h5 移动端相关的配置

main 分支集成说明

• 技术栈：vue 3、vite 3、pinia 2、Vue Router 4、TypeScript 4等
• 代码风格检查约束：ESLint + Prettier、husky + lint-staged
• 浏览器兼容性：@vitejs/plugin-legacy 插件
• 打包结果分析：rollup-plugin-visualizer 插件
• svg 图片：SvgIcon 组件、vite-plugin-svg-icons 插件
• ...

相关文档：

• vue-vite-starter 基础搭建文档

admin 分支集成说明

除了 main 分支集成 外，还有集成以下

• Naive UI UI 组件库
• xicons 图标库
• ECharts 图表库
• unplugin-vue-components 按需自动导入 vue 组件插件
• VueUse vue 2 / vue3 composition api 工具库
• vue-countup-v3 数字滚动组件
• ...

相关文档：

• vue-vite-starter【admin 分支文档】

h5 分支集成说明

除了 main 分支集成 外，还有集成以下

• vant 组件库 移动端组件库

• 移动端适配方案采用 viewport 布局，使用插件 postcss-px-to-viewport

  将px单位转换为视口单位的 (vw, vh, vmin, vmax) 的 PostCSS 插件

• ...

相关文档：

• vue-vite-starter 【H5 分支文档】

推荐开发工具

VSCode + Volar