从 0 搭建 Vite 3 + Vue 3 +TS 项目集成常用功能

Vue 3 正式版发布已经挺久了，Vue CLI 早已进入了维护模式， Vite 也更新到了 3.x，哪怕学不动还得学，下面记录一下搭建一套 Vite 3 + Vue 3 + TypeScript 的前端工程化项目。

技术栈

• ⚡️ Vite 3 - 构建工具
• 🖖 Vue 3 - 渐进式 JavaScript 框架
• 🚦 Vue Router - Vue 官方路由管理器
• 📦 Pinia - Vue 存储库 （替代Vuex）
• 💻 UI组件库
• 🎨 Less - CSS 预处理器
• 🔗 Axios - 一个基于 promise 的网络请求库，可以用于浏览器和 node.js

• 🧰 Husky + Lint-Staged - Git Hook 工具

• 🛡️ EditorConfig + ESLint + Prettier + Stylelint - 代码规范

• 🔨 Commitizen + Commitlint - 提交规范

VSCODE 插件

• 🏠 DotENV： .env 文件 高亮
• 🏠 ESLint：脚本代码检查
• 🏠 i18n Ally： i18n 插件
• 🏠 Iconify IntelliSense：Iconify 图标插件
• 🏠 Prettier - Code formatter：代码格式化
• 🏠 stylelint：css 格式化
• 🏠 Vetur：vue 开发必备 （也可以选择 Volar）
• 🏠 WndiCSS lntelliSense：windicss 提示插件

• 🏠 Chinese：vsCode 汉化
• 🏠 EditorConfig for VS Code：项目约束
• 🏠 Project Manager：项目管理工具