本篇介绍的是如何做到在代码提交前，统一团队代码风格，检查代码质量，并修复一些低级错误。最终期待项目中的开发人员提交的代码都符合代码规范、风格统一。 Git Hook + lint-staged + Prettier + ESLint，先介绍最终实现，具体每个模块的作用和配置后面…

执行npm run lint-fix 将自动修复。无法修复的将在控制台给出提示。 原则上每次git commit前我们都需要先执行一下 lint-fix命令的，避免遗忘或者偷懒，我们使用预检查工具进行处理。 husky 是一个 npm 模块，可以在 git 提交前做拦截，如果拦…

最近在搭建项目框架，想着上一个项目代码风格各异，就想着在新项目中引入Eslint来规范团队成员代码风格，保持统一，也方便大家维护代码，减少不必要的错误。前端应用愈加复杂，代码规范问题必须通过强制的方式保持统一。以下是团队逐渐摸索出的一些配置，各取所需。 在用vue-cli3搭建…

✨✨相信稍微对代码有些追求的小伙伴，从HTML、CSS、JS，再到Git等等，都会尽量的规范自己的代码。如果不止自己一个前端开发，相信大家都会遵循一套代码开发规范（自己制定的也好，遵循行业内比较通用的规范也罢）。 人非圣贤，即使再自律的小伙伴，也难免会犯错误，或者说一不小心就在…

整理这篇文章的契机呢，是因为最近给小伙伴安利了几款个人觉得好用的 VSCode 插件，结果有些插件他安装了不会配置。刚好趁最近有空，把自己常用的插件和配置整理出来分享一下。 官网下载安装，安装完成后使用快捷键ctrl + shift + x搜索插件。 1. 汉化 安装 Chin…

原本只是想简单的聊一下代码格式化的问题，无奈本文拖沓了很久，在此期间，我又思考了很多，我越来越觉得代码格式化是一门艺术。为了衬托“艺术”二字，可能叫“代码美化”更贴切一点，但是本文的深度远没有标题那么宏大。 在我看来，代码质量不仅体现在逻辑上，也要体现在形式上。尤其前端代码，在…

笔者长期单枪匹马在前端领域厮杀(言外之意就是团队就一个人)，自己就是规范。随着公司业务的扩展，扩充了一些人员，这时候就要开始考虑协作和编码规范问题了。本文记录了笔者在制定前端协作规范时的一些思考，希望能给你们也带来一些帮助. 一个人走的更快，一群人可以走得更远，前提是统一的策略…

本文是自己在使用ESlint的总结，对其基本用法做详细说明。 1.Configuration Comments - 使用 JavaScript 注释把配置信息直接嵌入到一个文件。 2.Configuration Files - 使用 JavaScript、JSON 或者 YAM…

在日常的开发工作中，我们通常使用 git 来管理代码，当我们对代码进行某项改动后，都可以通过 git commit 来对代码进行提交。 git 规定提交时必须要写提交信息，作为改动说明，保存在 commit 历史中，方便回溯。规范的 log 不仅有助于他人 review, 还可…