Skip to content

sherwinshen/vue3-project-startkit

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

前言

本项目为文章《前端 Vue3 项目搭建指南》&《前端统一代码规范指南》的代码仓库,主要详细介绍了基于 Vue3 技术栈初始化前端项目的完整流程,包含框架搭建、代码规范、单元测试和自动部署等内容,完整内容详见:

  1. 前端 Vue3 项目搭建指南
  2. 前端统一代码规范指南

1. 架构搭建

2. 代码规范

  • EditorConfig 用于维护不同开发人员、不同编辑器的编码风格
  • ESLint 是一款用于查找并报告代码中问题的工具
  • Stylelint 是一个强大的现代 CSS 检测器
  • Prettier 是一款强大的代码格式化工具,支持多种语言
  • lint-staged 是一个在 git 暂存文件上运行 linters 的工具
  • husky 是 Git Hook 工具,可以设置在 git 各个阶段触发设定的命令

3. Commit 规范

  • commitlint:检查您的提交消息是否符合 conventional commit format
  • commitizen:帮助撰写规范 commit message 的工具
  • cz-customizable:自定义配置 commitizen 工具的终端操作
  • commitlint-config-cz:合并 cz-customizable 的配置和 commitlint 的配置

4. 单元测试

  • vitest:A Vite-native unit test framework. It's fast!
  • Vue Test Utils:a set of utility functions aimed to simplify testing Vue.js components

如果发现本项目有错误,欢迎提交 issues 或邮件 sherwin_sw@163.com