Vue 3 正式版已经发布有一段时间了,随着 Vite 脚手架注定成为下一代前端工具链,许多用户都想基于 Vite 来构建 Vue 项目,如果想基于 Vite 构建 Vue 3 项目,社区模板完全满足您的需求,如果想构建 Vite 3 + Vue 3 + JavaScript 项目,那社区模板不太能满足您的需求,因为社区模板提供 Vue 3 项目几乎是基于 Vite 2 + TypeScript 构建,对于不熟悉 TypeScript 语言的用户不是很友好,因此接下来从 0 开始手把手带大家搭建一套规范的 Vite 3 + Vue 3 + JavaScript 前端工程化项目环境。
本文章篇幅较长,从以下几个方面展开:
基础搭建
代码规范
提交规范
自动部署
技术栈
⚡️ Vite 3 - 构建工具(就是快!)
🖖 Vue 3 - 渐进式 JavaScript 框架
🚦 Vue Router - 官方路由管理器
📦 Pinia - 值得你喜欢的 Vue Store
🎨 Less - CSS 预处理器
🔗 Axios - 一个基于 promise 的网络请求库,可以用于浏览器和 node.js
🧰 Husky + Lint-Staged - Git Hook 工具
🛡️ EditorConfig + ESLint + Prettier + Stylelint - 代码规范
🔨 Commitizen + Commitlint - 提交规范
💡 GitHub Actions - 自动部署
基础搭建
构建项目雏形
确保你安装了最新版本的 Node.js,然后在命令行中运行以下命令:
more >>