commitizen prettier eslint husky
Vue3 + Eslint + prettier
一、背景 公司内部团队大部分由多人组成，当遇到多个前端开发同一个项目时，代码规范及代码质量，是需要考虑的一个重中之重 二、Eslint + prettier 是什么 ESLint 的主要功能包含代码格式和代码质量的校验，而 Prettier 只是代码格式的校验，不会对代码质量进行校验。 代码格式问题 ......
怎么关闭eslint语法检查
注: 真实开发项目不建议关闭 1. vue-cli创建的项目, 在`vue.config.js`文件里面 ```js // vue.config.js const { defineConfig } = require('@vue/cli-service'); module.exports = def ......
关闭ESlint/路径起别名/配置前端代理/引入模块报错
## 怎么关闭ESlint语法检查(不建议) > 1. vue-cli创建的项目, 在`vue.config.js`文件里面 > > ```js > // vue.config.js > const { defineConfig } = require('@vue/cli-service'); > ......
vu3+vite项目单独添加ESLint
安装完依赖后，项目的根目录下会自动生成 .eslintrc.cjs 文件如下： module.exports = { "env": { "browser": true, "es2021": true }, "extends": [ "standard-with-typescript", "plugi ......
ESLint和Prettier冲突
问题：同时使用ESLint和Prettier时，在某行代码到达某长度时候出现警告线。 ESLint推荐换行（手动换行警告消除） 但保存（自动格式化后）被Prettier强制拉到同一行（貌似是本行代码长度已经碰到ESLint的逆鳞但未触及Prettier？） 解决： 默认vscode里设置了Prett ......
为react项目添加开发/提交规范（前端工程化、eslint、prettier、husky、commitlint、stylelint）
因历史遗留原因，接手的项目没有代码提醒/格式化，包括 eslint、pretttier，也没有 commit 提交校验，如 husky、commitlint、stylelint，与其期待自己或者同事的代码写得完美无缺，不如通过一些工具来进行规范和约束。 ### eslint eslint 是一个代码 ......
如何关闭eslint
1. 关闭整个ESLint 方法一：在package.json文件中移除eslint的依赖，例如： "devDependencies": { "@vue/cli-plugin-babel": "~4.4.0", "@vue/cli-plugin-eslint": "~4.4.0", "@vue/cl ......
Vue3+ setup语法中报错 'defineProps' is not defined（eslint[no-undef]）
## 1. 问题 ### 1.1 场景 使用**Vue3 + setup**语法，使用`defineProps`时出现Eslint错误：  #### 官网是这么写的： ESLint 是一个可配置的 JavaScript 检查器。 它可以帮助你发现并修复 JavaScript ......
git 通过husky提交代码报错导致代码丢失（只add了未commit的代码）
> 项目中使用了eslint，以及lint-staged，在执行git commit 时会触发 git 的 pre-commit 钩子，对代码做一次检查及格式化。由于个别文件中有TS报错，导致commit失败，并抛出了具体文件路径，当我在命令行点击路径时发现新增得文件没了（.ts、.vue、图片）， ......
使用 Git 钩子 - Husky.Net
在我们的日常工作中，我们通常需要执行一些重复性任务，如格式化代码、运行单元测试和遵循提交策略等。虽然这些任务简单易行，但我们经常会浪费大量的时间和精力来完成它们。幸运的是，有一种方式可以自动化这些任务——Git 钩子。在本篇文章中，我们将探讨 Git 钩子的概念，并回顾一下 Husky.Net，这是 ......
IDEA 配置 ESLint
一直想将 ESLint 配置推广到团队中，只是自己也没完全摸透，也不好推广，于是记录学习一下。平时工作的环境主要为 IDEA ，所以配置 ESLint 也主要从 IDEA 的角度入手。 ## ESLint 简介 官网介绍：ESLint 查找并修复 JavaScript 代码中的问题，静态地分析你的代 ......
ERROR in [eslint]
第一步：打开vue.config.js,然后在后面添加 lintOnSave: false 第二步：再次运行 npm run serve就可以了 ......
工具 – ESLint, Stylelint, Prettier
前言 以前在 Webpack 学习笔记 有稍微介绍过它们。这篇是单独整理版。 简单介绍 ESLint 是 JS / TS 代码检查器。它用于保证代码质量，通过 2 个方式 1. 统一格式 (formating) 比如是使用 single quote 还是使用 double quote？ 2. cod ......
git commit 时报错：husky - pre-commit hook exited with code 1 (error)
在使用 git 进行 commit 时出现错误：husky - pre-commit hook exited with code 1 (error)。 ![](https://img2023.cnblogs.com/blog/2481261/202307/2481261-20230718232503 ......
详解prettier使用以及与主流IDE的配合
很多前端小伙伴在日常使用prettier的时候都或多或少有一点疑惑，prettier在每一个IDE中究竟是怎样工作起来的，为什么配置有时候生效，有时又毫无效果。为了让我们的前端小伙伴更加熟悉这块，本文将对prettier在主流IDE中的使用过程一探究竟。 # prettier是什么 在介绍prett ......
ESLint校验
"rules" : { // 定义对象的set存取器属性时，强制定义get "accessor-pairs": 2, // 指定数组的元素之间要以空格隔开(,后面)， never参数：[ 之前和 ] 之后不能带空格，always参数：[ 之前和 ] 之后必须带空格 "array-bracket-sp ......
ERROR in [eslint]
 解决办法：在vue.config.js里添加配置`lintOnSave: false`,重新运行项目就好了。 ! ......
Prettier 配置指南 .prettierrc.json 文件配置指南
1. 在项目根目录下面，新建 .prettierrc.json 文件 2. prettuer 配置 { "printWidth": 100, "tabWidth": 2, "useTabs": true, "semi": true, "singleQuote": true, "trailingCom ......
eslint个性化配置
1 { 2 // 导入文件时是否携带文件的拓展名 3 "path-autocomplete.extensionOnImport": true, 4 // 配置@的路径提示 5 "path-autocomplete.pathMappings": { 6 "@": "${folder}/src" 7 } ......
ESLint 安装使用及报错处理
安装 ESlint 并初始化配置 // 第一种 // 全局安装 ESLint npm i eslint -g // 生成配置文件 // 根据自己的项目需求进行设置（yes/no） eslint --init √ How would you like to use ESLint · problems ......
前端项目规范化：手把手教你使用prettier和pre-commit（git hook或者husky）优化规范项目代码
## 如何在提交代码之前，进行代码格式化检查，保证每个成员的代码都是同一个风格呢？ 最简单的两种方式： - 1. 使用 prettier + git pre-commit - 2. 使用 prettier + husky(原理和第一种一模一样哦) ## 名词简介 #### git hooks 下图为 ......
2023-06-24 error Command "husky-run" not found.
前言：用git提交代码到git，完整报错： error Command "husky-run" not found. git 未能顺利结束 (退出码 1) (875 ms @ 2023/6/24 19:05:32) 原因：估计是项目中的eslint导致的这个问题。 解决方案：执行强制提交，请在项目根 ......
记一次 ESLint 格式化代码踩坑（小坑）
## 背景 最近在尝试使用 **ESLint** 取代 **Prettier** 来格式化代码，主要受Antfu博文：https://antfu.me/posts/why-not-prettier-zh 的启发，其中提到的痛点，也确实有遇到。于是决定使用Antfu大佬提供的[eslint-confi ......
在使用VScode编辑器vue开发过程中，v-for在Eslint的规则检查下出现报错：Elements in iteration expect to have ‘v-bind:key’ directives
报错如下： 该怎么解决呢？ 现在说说解决他的两种方法： 1.直接在v-for循环后面绑定一个属性，跟前面需要循环的属性一一对应，截图如下： 2.在vscode中去掉Eslint规则检查，具体操作截图如下： 文件–》首选项–》设置–》在搜索框中输入：vetur.validation.template， ......
prettier 与 SELint
千万注意： 配置完成后， 重启项目！！！ 重启项目！！！版本： "@vue/cli-plugin-eslint": "^5.0.8", "babel-eslint": "^10.1.0", "eslint": "^7.32.0", "eslint-config-airbnb": "^19.0.4", ......
Delete `␍`eslint(prettier/prettier) 错误的解决方案
## 问题 罪魁祸首是git的一个配置属性：core.autocrlf 由于历史原因，windows下和linux下的文本文件的换行符不一致。 * Windows在换行的时候，同时使用了回车符CR(carriage-return character)和换行符LF(linefeed character ......
prettier配置
prettier格式化工具，保证代码美观1. 安装依赖包 pnpm install -D eslint-plugin-prettier prettier eslint-config-prettier 2. prettierrc.json添加规则 { "singleQuote":true, "semi ......
从0搭建Vue3组件库(十三):引入Husky规范git提交
## 为什么要引入 husky? 虽然我们项目中引入了`prettier`和`eslint`对代码格式进行了校验,但是多人开发的时候难免依然会有人提交不符合规范的代码到仓库中,如果我们拉取到这种代码还得慢慢对其进行修改,这是一件很麻烦的事情,同时也为了避免团队成员提交五花八门message,因此我们 ......