lint-staged

万字长文详解react项目使用craco进行配置并集成Prettier、Eslint、husky、lint-staged

项目搭建为什么使用craco使用create-react-app创建的项目默认是无法修改其内部的webpack配置的，不像vue-cli那样可以通过一个配置文件修改。虽然有一个eject命令可以是将配置完全暴露出来，但这是一个不可逆的操作，同时也会失去CRA带来的便利和后续升级。如果想要无eject重写CRA配置，目前成熟的是下面这几种方式通过CRA官方支持的--scripts-version参数
guxin_duyin·2022-10-19 07:38

Eslint + Prettier + Husky + Commitlint+ Lint-staged 规范前端工程代码规范

1.代码检查工具1.安装工具npmieslint-Dnpxeslint--init2.配置自动格式化在package.json中添加"lint":"eslint--ext.js,.jsxsrc--fix"。执行npmrunlint会进行自动修复执行init完成会生成一个.eslintrc.js的文件2.代码风格工具1.项目集成npmiprettiereslint-config-prettieres
·2022-09-01 18:51

超详细一次搞定Eslint + Prettier + husky + lint-staged前端代码工作流

我们使用热门构建工具vite创建项目，并选择react+ts模板。关于Eslint+Prettier+husky+lint-staged配置同样适用于webpack、Vue创建的项目，稍有不同的地方下文会提到，请放心食用。1、使用vite创建项目yarncreatevite输入项目名并选择react+tssuccessInstalled"[email protected]"withbinaries
·2022-07-18 09:55

六、标准化编程规范解决方案之自动修复 lint-staged

但是这样会存在两个问题：我们只修改了个别的文件，没有必要检测所有的文件代码格式它只能给我们提示出对应的错误，我们还需要手动的进行代码修改那么这一小节，我们就需要处理这两个问题那么想要处理这两个问题，就需要使用另外一个插件lint-staged
·2022-06-29 14:54

前端 Git-Hooks 工程化实践

用到了一些常用的相关工具如husky、lint-staged、commitizen、commit-lint等，以此文记录一下整个的实践过程和踩过的坑。
·2022-06-28 14:48

前端项目设计

前端项目常用架构项目目录项目构建webpack/vite代码规范eslintstyleint提交规范husky/lint-staged/commitlint模块化公共库组件，业务组件公共方法ajax请求接口列表路由
rongmingye·2022-06-27 09:58

husky pre-commit/hook/lint-staged 不起作用

如果是如下的配置是不生效的"husky":{"hooks":{"pre-commit":"lint-staged"}}husky新版本（v5以上，当前是v8），需要单独提供脚本，放于.husky文件夹下
胡聊前端·2022-06-13 09:44

eslint 搭配 prettier 格式化 + husky 搭配 lint-staged 实现提交格式化和检测

eslint搭配prettier格式化+husky搭配lint-staged实现提交格式化和检测注:本文基本是写给自己看的,属于一个记录笔记,避免每次配置都要查,写得不清晰,仅供参考,如果看了有疑问也可以在评论指出首先默认项目已经有
Zeng_建军·2022-05-11 12:23

vite + vue3 + ts 项目搭建及项目框架搭建

/docs/user-guide/getting-started)ESLint下载并运行eslint文件配置命令行配置在VSCode编辑器中显示eslint错误配置配置gitcommithook下载[lint-staged
假装文艺浪·2022-03-24 12:29

NodeJS（四）：项目相关配置说明

涉及到gitignore、eslint、eslintignore、lint-staged、pre-commit、babel、npmignore等的相关配置，本文主要是对这些配置的相关说明和配置。
林ze宏·2022-02-09 07:47

vue3+ts+EsLint+Prettier规范代码的方法实现

目录使用EsLint的使用添加配置文件Prettier的使用使用husky和lint-staged构建代码增加setting.json配置参考资料本文主要介绍在Vue3中使用TypeScript做开发时
·2021-10-25 16:02

为什么 husky 放弃了传统的 JS 配置

同时配合lint-staged可以方便的在代码提交前进行lint。最近要对一个老项目添加commit-msg校验，同时要在commit前进行eslint校验。
·2021-09-23 23:10

编码规范，代码提交规范全家桶之husky+lint-staged+commitlint

lint-staged，一个仅仅过
·2021-09-01 19:13

husky7 + commitlint + lint-staged 记录

husky在现代前端项目是必不可少的组件了，重构业务项目时依赖都升级到新版，发现husky还是在用低版本的，索性升级到最新的。从husky5开始版本有了重大变化，旧的配置方式无法直接使用，需要重新配置一下。安装npminstall-Dhusky检测提交commit提交记录是否符合规范需要commitlintnpminstall-D@commitlint/config-conventional@co
·2021-07-28 18:48

git hooks---husky、lint-staged

前言githooksGitHooks就是在Git执行特定事件（如commit、push、receive等）时触发运行的脚本，类似于“钩子函数”，没有设置可执行的钩子将被忽略。在项目的.git/hooks目录中，有一些.sample结尾的钩子示例脚本，如果想启用对应的钩子，只需手动删除后缀，即可。（删除某一个hook的后缀.sample即可启用该hook脚本，默认是不启用的。）【但是，我们一般不去改
·2021-07-27 19:41

Git Commit 规范

前面的介绍，利用了husky与lint-staged使得在提交之前做一些ESLint和Prettier的操作，今天来补充完CommitMessage提交说明规范。
越前君·2021-06-22 06:33

husky pre-commit lint-staged @commitlint/cli @commitlint/config-conventional 配置commit提交语法

yarnaddhuskypre-commitlint-staged@commitlint/cli@commitlint/config-conventional-D//配置package.json"husky":{"hooks":{"pre-commit":"lint-staged
俗人彭jin·2021-06-12 08:43

React 项目中引入 Husky 6.x 和 Lint-staged

ESLint+Perttier做代码规范、React项目中引入Stylelint做样式表代码规范这两篇文章中我们了解到可以使用ESLint和Stylelint做代码规范，但本篇文章我们将介绍Husky和Lint-staged
喜酉·2021-06-09 14:04

git hooks --- husky配置

一、配置步骤1.安装husky，lint-staged，@commitlint/cli，@commitlint/config-conventional依赖lint-staged:用于实现每次提交只检查本次提交所修改的文件
VivaLaVida_692c·2021-06-08 23:22

xxxlint介绍(前端)

──ESLint└──Stylelint└──commitlint└──TSLint└──Prettier二、配置ESLint三、配置Stylelint四、配置commitlint五、接入husky和lint-staged
Lee弟弟·2021-05-27 19:47

自动格式化代码

package.json的scripts中增加"prepare":"huskyinstall"2.生成.husky目录3.创建文件.husky/pre-commit在package.json的scripts中增加"lint-staged
史救·2021-05-19 10:47

code ELIFECYCLE ....lint-staged解决措施

[email protected]:`lint-staged`npmERR!Exitstatus1npmERR!npmERR!F
码上有钱·2021-05-06 19:50

从零配置 Eslint + Prettier + husky + lint-staged 构建前端代码工作流

提交代码的时候发现并没有提交上去而且还给我报了一堆的错误，于是我就发现了原来是在代码commit的时候用eslint去检查了代码，仔细看了看package.json发现gitHooks在代码pre-commit(代码提交前的钩子)时期执行了lint-staged
·2021-03-18 01:23

Git Commit 规范应该用起来

前面的介绍，利用了husky与lint-staged使得在提交之前做一些ESLint和Prettier的操作，今天来补充完CommitMessage提交说明规范。
·2021-02-15 13:45

Error: No files matching the pattern "/xxx/xxx/..." were found.

使用.stylelintignore添加忽略文件校验，在lint-staged执行校验规范时，报错✖stylelint--fix:Error:Nofilesmatchingthepattern"/Users
旅图灬·2021-01-11 17:01

Error: No files matching the pattern "/xxx/xxx/..." were found.

使用.stylelintignore添加忽略文件校验，在lint-staged执行校验规范时，报错✖stylelint--fix:Error:Nofilesmatchingthepattern"/Users
旅图灬·2021-01-11 17:58

怎么用 node 写一个 git hook

介绍GitHookGitHook是Git执行命令时前后可以触发的的脚本，比如pre-commit，在提交前执行某些东西，这个也是在前端体系中用的较多的一个Hook，常见的使用一般也是搭配Husky和lint-staged
zitup·2020-12-28 00:43

使用 Eslint + husky + lint-staged + Prettier 提高前端项目质量、统一项目代码风格

使用Eslint+husky+lint-staged+Prettier提高前端项目质量、统一项目代码风格Eslint代码检查，编辑器启用Eslint之后，不符合规范的会自动进行提示。Prettier让代码变得更pretty，会更改不符合检测要求的代码，自动格式化。huskygit每步操作的钩子，没执行一个操作都会执行一次对应的钩子函数，执行pre-commit操作时，执行Prettier格式化脚本
FE-阿阳·2020-12-18 10:41

前端代码风格自动化系列（三）之Lint-staged

在我们介绍了Husky、Commitlint之后，来看一个前端文件过滤的工具Lint-staged，代码的格式化肯定会涉及到文件系统，一般工具会首先读取文件，格式化操作之后，重新写入。
河马嘴不大·2020-12-13 22:18

ESLint常见错误

{js,ts,vue}中间没有空格"lint-staged":{"*.
薄风·2020-11-18 11:39

前端代码风格实践 prettier + ESLint + Git Hook + lint-staged

整洁的代码如同优美的散文。——GradyBooch前言：在繁杂的业务迭代时，接手其他项目，如果没有一个统一的代码风格，阅读起来是相当困难的，毕竟团队里的每个人习惯不一样。团队协作，意味着需要牺牲一些个性，减少一些没必要的争吵。1.Prettier是什么？顾名思义prettier（更漂亮的），让你的代码更漂亮。官网说的很清楚了AnopinionatedcodeformatterSupportsman
solvep·2020-11-13 11:34

uniapp配置eslint + prettier +editorconfig + lint-staged

目标：给新建的uniapp项目增加语法规范和保存自动格式化代码，有不对的欢迎指正2020-11-4日新增今日看到各种黄色波浪线都来自一个eslint-plugin-vue这个插件，只用eslint+eslint-plugin-vue这两个插件就足够用了，简单明了三步走1.第一步npmieslinteslint-plugin-vue-Dnpmibabel-eslinteslint-plugin-no
云鹤道人张业斌·2020-11-06 13:24

手摸手教你撸一个代码检测命令行工具(CLI)

大家在做前端开发的时候，为了保证团队成员提交代码的质量，一般都会对代码进行代码质量检查和代码美化工作，通常的做法是进行一系列的配置，借助于eslint、prettier、lint-staged、husky
astonishqft·2020-09-16 10:32

使用husky + lint-staged助力团队编码规范

使用husky+lint-staged助力团队编码规范写在前面了解githookshusky钩子中执行多个命令hook拦截lint-stagedmrm关于prettier的问题写在前面husky是一个为git客户端增加hook的工具。安装后，它会自动在仓库中的.git/目录下增加相应的钩子；比如pre-commit钩子就会在你执行gitcommit的触发。那么我们可以在pre-commit中实现一
Never Yu丶·2020-09-15 10:04

Vue Git提交代码报错，Commit failed with error

前言最近Vue项目提交代码报“Commitfailedwitherror”，确认代码无问题错误提示一、git提交失败git:>runningpre-commithook:lint-staged二、错误分析这句话的意思
一条团子·2020-09-14 20:36

DevOps - Development And Operations

应用运维之持续部署gitlab之gitlab-ci自动部署Docker搭建自己的GitlabCIRunnergitlab-ci+docker部署CI服务器基于GitlabCI搭建持续集成环境用husky和lint-staged
weixin_30268071·2020-09-10 18:38

前端工程化之提交规范

实现原理前端工程化之提交规范，主要是通过husky在.git目录中埋点hooks脚本，在提交前，通过lint-staged对当前修改做相应的格式化/校验，在提交时，通过commitlint对提交信息做校验
安静de沉淀·2020-08-24 15:48

从零配置 Eslint + Prettier + husky + lint-staged 构建前端代码工作流

提交代码的时候发现并没有提交上去而且还给我报了一堆的错误，于是我就发现了原来是在代码commit的时候用eslint去检查了代码，仔细看了看package.json发现gitHooks在代码pre-commit(代码提交前的钩子)时期执行了lint-staged
vue的狗·2020-08-22 14:29

React项目快速搭配eslint，prettier，commitlint，lint-staged

为了实现代码规范，我们在使用中会使用诸多插件，比如eslint、prettier、commitlint、stylelint等等，在新项目中这样一套组合拳下来，也是稍显繁琐，另外还要定制配置文件，某种程度上来说是体力活。本文的目的是介绍如何简化配置，统一规范。1.magic-lintmagic-lint是一款代码规范工具，集检查、美化于一体，能够检查commit信息，通过hook在代码提交时规范代码
ineo6·2020-08-22 13:03

ESLint常见错误

{js,ts,vue}中间没有空格"lint-staged":{"*.
薄风·2020-08-22 12:40

TypeScript + eslint 格式化代码及其它

目标：使用eslint、prettier格式化TypeScript代码使用husky、lint-staged在提交代码到git的时候自动格式化代码（按需启用）使用commitlint校验gitcommitmessage
weixin_34419326·2020-08-15 08:32

多年总结的软性编码规范-前端

工程相关常用工具JS相关：eslint、prettier、@typescript-eslint/eslint-pluginGit相关：lint-staged、husky、commitlint其他：.npmrc
zhaolandelong·2020-08-09 16:02

[Tools] Fix Only Committed Files with Prettier and lint-staged

Inthislessonwe'lluseprettierandlint-stagedtorunprettieronlyonfilesthathavebeenchangedandcommittedtogit.Thiswillallowyoutoprettifyfilesasyouchangethem,andpreventmassivelintonlygitcheckins.Install:npmih
weixin_33695082·2020-08-05 02:36

搭建 react + typescript + ant design 开发环境

ES6编译器babel，css辅助工具postcss/sass/less，代码风格检测工具eslint/prettier/stylelint，git辅助工具husky/lint-staged/commitizen
weixin_33939843·2020-07-15 04:40

husky+lint-staged+eslint+vue 代码规范

一般我们会在package.json里看到如下的配置"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"src/**/*.
前端人·2020-07-14 11:19

git提交时由于eslint的检测机制报错：npm run lint-staged:js found some errors

git提交时报了两条错误：1、stylelint--syntaxlessfoundsomeerrors.Pleasefixthemandtrycommittingagain2、npmrunlint-staged:jsfoundsomeerrors.Pleasefixthemandtrycommittingagain.husky>pre-commit(nodev10.15.3)>ant-design
kinn-rann·2020-07-13 01:51

使用husky + lint-staged助力团队编码规范

写在前面husky是一个为git客户端增加hook的工具。安装后，它会自动在仓库中的.git/目录下增加相应的钩子；比如pre-commit钩子就会在你执行gitcommit的触发。那么我们可以在pre-commit中实现一些比如lint检查、单元测试、代码美化等操作。当然，pre-commit阶段执行的命令当然要保证其速度不要太慢，每次commit都等很久也不是什么好的体验。lint-stage
NeverYu·2020-07-06 11:00

Pre-commit：如何使用 husky、lint-staged和prettier优化你的项目

在软件开发过程中，代码风格检查（CodeLinting）是保障代码规范和一致性的有效手段。过去，Lint的工作一般在CodeReview或者CI的时候进行，但这样会导致问题的反馈链，浪费不必要的时间。因此，我们需要利用Git的PreCommit钩子，将Lint过程放到开发者提交代码之前。简介简单介绍一下这三个工具：prettier用来优化代码格式，比如缩进、空格、分号等等husky可以用于实现各种
flitrue·2020-07-02 00:42

用 husky 和 lint-staged 构建超溜的代码检查工作流

具备基本工程素养的同学都会注重编码规范，而代码风格检查（CodeLinting，简称Lint）是保障代码规范一致性的重要手段，你的工作流中有Lint环节么？有的话你用的爽么？你在团队中推广过Lint，但是大家都不买账？究竟是为啥？Lint是什么？探讨怎么做之前，我们很有必要给Lint来个清晰、准确的定义，wikipedia的定义如下：Incomputerprogramming,lintisaUni
王仕军·2020-06-26 13:43

vue cli3项目添加githook，代码提交前eslint验证

vuecli3项目添加githook，代码提交前eslint验证在package.json的gitHooks字段中定义："gitHooks":{"pre-commit":"lint-staged"}安装
笑苍海·2020-06-25 15:14
上一页 1 2 3 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他