Vite 2.x + Vue 3.x + TypeScript Starter

一套完美集成 Vite 2.x + Vue 3.x + TypeScript + Vue Router + Vuex + Axios + ESLint 等健壮的前端快速开发模板

在线预览

https://vite-vue3-starter.xpoet.cn/

交流群

欢迎小伙伴们加入前端技术交流群，因群成员大于 200 人，需要您关注公众号《前端鼓励师》，添加作者微信，再由作者拉你进群~

从 0 到 1 搭建教程

1️⃣ 掘金 2️⃣ XPoet's Blog

技术栈

• 编程语言：TypeScript 4.x + JavaScript
• 构建工具：Vite 2.x
• 前端框架：Vue 3.x
• 路由工具：Vue Router 4.x
• 状态管理：Vuex 4.x
• UI 框架：Element Plus
• CSS 预编译：Stylus / Sass / Less
• HTTP 工具：Axios
• Git Hook 工具：husky + lint-staged
• 代码规范：EditorConfig + Prettier + ESLint + Airbnb JavaScript Style Guide
• 提交规范：Commitizen + Commitlint
• 单元测试：vue-test-utils + jest + vue-jest + ts-jest
• 自动部署：GitHub Actions

快速开始

获取项目

使用 Git

git clone https://github.com/XPoet/vite-vue3-starter.git

使用 NPM

npm install vite-vue-ts-cli -g

vite-vue-ts-create myapp

安装依赖

npm install
# or
yarn add

启动项目

npm run dev

项目打包

npm run build

Q&A

1. Q: git cz 不生效

   A: 请全局安装 commitizen，命令：npm install commitizen -g

2. Q: husky 报错

   A: 请检查你的项目下是否有 Git 仓库，没有则先 git init 初始化一个

许可

MIT Copyright © 2021 XPoet