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 [email protected]: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 分支文档】

推荐开发工具