前言 Vue 3 正式版已经发布有一段时间了，随着 Vite 脚手架注定成为下一代前端工具链，许多用户都想基于 Vite 来构建 Vue 项目，如果想基于 Vite 构建 Vue 3 项目，社区模板完

Vue3 发布至今，我自己抽了抽时间借撸一个Vue3的项目模板本文主要是完整了记录搭建的流程以及模版常见功能的配置，写此文的目的是加深自己在开发过程中的印象以及提升对部分技术栈的了解程度，方便后续查阅

先附上源码地址：https://github.com/cwjbjy/vite-vue-ts-seed 1. 初始化项目 1. node版本要求 使用node16以下版本在运行vue-tsc时会报错。n

哈喽大家好，我是Jiaynn~ 今天想要分享的是关于前端项目规范以及部署上线的整体流程，主要包含： 🌈 eslint、prettier 📦 husky 🛡 git-cz ⚙️ 基于 nginx 部署的

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 如何在自己的项目中一键添加husky 前置条件：项目已关联了git。 关于husky husky有什么用？ 当我们commit message时，

原来git commit提交时也可以自动化一下，方便公司层面，多人写作统一规范，方便对提交日志进行查询和统一处理，比如github根据feat和fix进行发布版本release。

这个需求主要是组内成员用的编辑器不统一，代码风格也各异，所以在修改代码时，如果格式化了代码，在code review阶段很难分辨修改了的代码。当然，代码风格统一还有其他好处，这里就不不多废话了。 可以看到有很多红线，这个是因为不符合prettier的规则，这种情况下会使用esl…

1. 前言 无规则，不成方圆，套在前端来说也适用。在一个前端工程里，每个人的编码习惯，风格，ide等不同，如果不对代码进行有效的规范，那提交的代码就会非常别具特色。 因此，我们需要在自动化层面就定义好

VScode结合ESLint和Prettier让代码规范更简单，在结合vscode中的插件eslint和vetur让不规范代码高亮显示并且一键保存自动规范代码。一个字：爽~