🏕 Opinionated Vue3 & Vite Starter Template
- 🌲快速初始化Vue3 + Vite + TS项目,省去繁琐配置
- 🌴所有配置都是经过不断踩坑,不断查阅官方文档,才最终得到的
- 🏜️如果有错误的话欢迎提出
- 🌻如果觉得还不错的话给个star吧!
- 📦only-pkg: 自己写的npm包,强制项目安装依赖时使用的包管理器
- ⚡Vite2.9.9: 更快的构建速度,更良好的开发体验
- 💪TypeScript: 更良好的类型支持
- 🌪️Vue3.2.25: SFC + composition api
- 🌿VueRouter4: 提供路由支持
- 🍍Pinia2.0.14: 全局状态存储
- 🍄unplugin-auto-import 一个用于自动导入包API的插件,含自动导入vue vue-router等预设
- 🏝️unplugin-vue-components: 自动导入Vue组件,结合unplugin-icons自动导入图标,自定义图标组件前缀
- 🎯unplugin-icons: iconify图标集随心使用,打包时按需打包,组件方式使用图标
- 💖eslint: 使用eslint规范代码
- 🐣prettier: 使用prettier作为代码格式化工具,结合eslint-plugin-prettier插件一键格式化代码
- 🎃husky + lint-staged: 提交前自动运行格式化任务
默认配置只允许使用pnpm,可以修改package.json
使用yarn
scripts: {
"preinstall": "npx only-pkg yarn",
}
使用npm
scripts: {
"preinstall": "npx only-pkg yarn",
}
安装依赖
pnpm install
启动开发服务器
pnpm run dev
构建
pnpm run build
- 添加commit规范
- 添加单元测试
- 开发CLI脚手架
MIT