前端eslint + prettier代码格式化

最新推荐文章于 2024-08-21 11:39:00 发布
最新推荐文章于 2024-08-21 11:39:00 发布
阅读量199 收藏
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33316091/article/details/113864212
版权
  1. vscode安装插件eslint，prettier

     

  2. 安装相关依赖

    项目采用JavaScript strandard， react/recommended, react-hooks/recommend规则，代码格式采用prettier

  3. 设置自动修复，保存自动格式化

     

  4. 代码格式在prettier推荐规则上做了少许定制

     

  5. lint-staged 代码提交前校验，避免把校验未通过或未解决冲突的代码提交到版本库

     

  6. vscode推荐插件配置

     

  7. 如果没有报错告警等提示信息，看下文件下方的规则是否开启

     

xieZ
关注
详解如何在vue项目中使用eslint+prettier格式化代码
10-17
本文将详细讲解如何在Vue项目中集成`eslint`和`prettier`，以实现代码的自动格式化和规范检查。 `eslint`是一款强大的静态代码分析工具，它可以检查代码中的错误、潜在问题，并且支持自定义规则来符合特定的编码...
报错 Delete `··` prettier/prettier解决方法
weixin_54218079的博客
09-30 4433
如图所示，这代表代码规范和设置的自动格式化冲突了，自动格式化空格比prettier规定的多了。所以终极解决办法就是在vscode的工作区搜索tabsize，把4改成2。看了很多文章都说啥直接关闭代码风格校验，我服了啊，我不用它之前装它干啥。修复它，但是我一保存它又格式化回去了。
vue prettier/prettier eslintrc相关问题
qq_29965101的博客
09-13 7568
问题一 warning Delete ␍ prettier/prettier（eslint配置的一些问题） 原因描述 在window系统中，clone代码下来，会自动把换行符LF(linefeed character) 转换成回车符CRLF(carriage-return character)。这时候我们本地的代码都是回车符。 方法一： 自动修复，不可能每次拉代码都要修改好麻烦不支持 npm run lint --fix 方法二：git 修改配置 git config --global core.
【Prettier】代码格式化工具Prettier的使用和配置介绍
最新发布
qq_2511276124的博客
08-21 5787
前段时间，因为项目的prettier的配置和eslint格式检查有些冲突，在其prettier官网和百度了一些配置相关的资料，在此做一些总结，以备不时之需。
error Delete `␍` prettier/prettier【多种方法】
pleaseprintf的博客
01-22 1万+
error Delete `␍` prettier/prettier【多种方法】
vue 项目自己配置 eslint 和 prettier 导致运行出现 prettier/prettier 错误提示
tanqin的博客
01-08 8459
解决自己用 eslint 和 prettier 进行格式化配置后出现prettier/prettier 的错误。
代码规范 eslint+prettier
Lycoris_Red的博客
03-22 1477
插件 koroFileHeadersetting.json添加配置 使用 二、ESLint + Prettier 保存时自动修复代码 ESLint ：代码检查+代码格式化工具。Prettier：代码格式化工具。vetur：vue代码格式化工具，底层默认的是Prettier。vscode安装以下插件setting.json添加配置 项目中设置规范 首先在项目安装依赖，pckage.json 然后配置lint规则，.eslintrc.js 如果有必要还可以配置pret
vue项目中使用eslint+prettier规范与检查代码的方法
10-15
为了使ESLint和Prettier协同工作，我们需要在`package.json`中配置`scripts`，这样在执行`npm run lint`时，两个工具会分别执行代码检查和格式化。通常，这个脚本可能看起来像这样： ```json "scripts": { "lint": ...
vue+ESLint 配置保存 自动格式化代码
10-15
ESLint是目前前端开发中常用的代码质量检查工具，它可以对JavaScript代码进行静态分析，从而发现代码中的潜在问题，并且可以与前端构建工具和编辑器集成，以实现代码保存时的自动格式化和校验。Vue.js是一个流行的...
vscode 使用Prettier插件格式化配置使用代码详解
11-19
使用ESLint+Prettier来统一前端代码风格 vscode 配置vue+vetur+eslint+prettier自动格式化功能 问题描述 最近用Nodejs + express 写了一个zip文件上传的功能，代码给了别人看，各种吐槽，代码不规范，没有按照...
vue/cli5.x运行项目报错error Replace `xxx` with `··xxx·` prettier/prettier 解决办法
Mr.小灰狼_随笔
03-27 8757
vue/cli5.x运行项目报错error Replace `xxx` with `··xxx·` prettier/prettier 解决办法 目录 问题背景 解决办法 1、关闭 Prettier "prettier/prettier": "off" 2、执行修复命令 npm run lint --fix
Prettier、EditorConfig插件安装及配置文件讲解
星辰迷上大海的博客
01-11 4939
我们在编写代码时，代码的格式规范非常重要，能提高代码的可读性，避免由于格式问题引起的 bug，也有利于多人协作开发时的统一风格。Prettier是一个非常好用的代码格式化工具，能自动格式化代码，让我们更专注于编写逻辑。
ESLint+Prettier规范
qq_62809806的博客
09-15 1040
ctrl+s保存自动格式化
Delete `␍`eslint(prettier/prettier)
weixin_60941411的博客
01-11 5746
今天下午配置eslint和时，频频报错：Delete `␍`eslint(prettier/prettier)，vscode全页面爆红。经过多次尝试与试验后，最终多种方式结合解决了这个问题。
解决错误 “Delete ␍ prettier/prettier“ 的方法详解
pleaseprintf的博客
07-20 4176
在使用 Prettier 进行代码格式化时，有时会遇到错误信息 “Delete ␍ prettier/prettier”，该错误通常与行尾换行符相关。本文将介绍如何解决这个问题，确保正确使用 Prettier 进行代码格式化，并处理行尾换行符导致的错误。错误信息 “Delete ␍ prettier/prettier” 表示在代码中存在了额外的回车符（␍），Prettier 建议将其删除。通过本文的介绍，你学习了如何解决 “Delete ␍ prettier/prettier” 错误。
Delete `␍` prettier/prettier，Delete `⏎` prettier/prettier
u011746482的专栏
07-24 4753
warning Delete `␍` prettier/prettier error Delete `⏎` prettier/prettier 这个问题是结尾换行符引起的 在vscode中能查看当前换行符的类型 解决的办法 1. 执行命令自动修复问题 npm run lint --fix 2. 在eslint配置规则 ...
Vue3解决error Delete `··` prettier/prettier
热门推荐
m0_47320525的博客
06-15 1万+
Vue3解决error Delete `··` prettier/prettier
解决 prettier/prettier 和 indent 冲突问题和一点简单思考
前端原创分享，常年坚持记录和分享，全网阅读量超百万
07-01 1243
用过 prettier 的都知道，经常会遇到 prettier 与 eslint 的某些规则冲突的情况。在之前的一篇文章中，我简单地描述过怎么搭建起应用 eslint/prettier 的基本配置，也提到了怎么解决 prettier 与 eslint 的一些冲突问题。
vsCode配置Eslint+Prettier结合使用详细配置步骤，规范化开发
JHLIN的博客
07-14 9946
Eslint+Prettier结合使用详细配置步骤，规范化开发
前端利器：eslint+prettier代码规范与自动美化
例如，了解如何在新项目中集成eslint和prettier，设置合适的规则，并在开发过程中利用它们自动化代码格式化和检查。区别在于，VSCode中的eslint通常是实时检查，而项目级别的配置可能涉及更深入的定制和持续集成（CI...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值