技术栈
eslint
乐闻x
9 天前
前端
·
javascript
·
json
·
eslint
ESLint 使用教程(七):ESLint还能校验JSON文件内容?
作为开发者,代码的整洁和一致性是我们追求的目标。Eslint 一般是用于帮助开发者在 JavaScript 代码中找到并修复问题。但你可能不知道,Eslint 也可以用来处理 JSON 文件!这篇教程将带你了解如何用 Eslint 处理 JSON 文件,让你的项目更规范、更干净。
乐闻x
11 天前
javascript
·
eslint
ESLint 使用教程(四):ESLint 有哪些执行时机?
ESLint 作为一个静态代码分析工具,可以帮助我们发现和修复代码中的问题,保持代码风格的一致性。然而,ESLint的最佳实践不仅仅在于了解其功能,更在于掌握其执行时机。本文将详细介绍ESLint在不同开发阶段的执行时机,为你提供说明和教程。
乐闻x
12 天前
javascript
·
eslint
·
prettier
ESLint 使用教程(五):ESLint 和 Prettier 的结合使用与冲突解决
在现代前端开发中,代码质量与代码风格的统一是两个非常重要的方面。良好的代码质量能减少 bug 的产生,而统一的代码风格则能提高团队协作的效率。为了实现这两个目标,我们通常会使用一些工具。 为了保证代码的可读性和维护性,我们通常会使用代码检查工具(如 ESLint)和代码格式化工具(如 Prettier)。然而,这两者在结合使用时可能会产生一些冲突。那么,如何高效地结合 ESLint 和 Prettier 呢?
乐闻x
13 天前
javascript
·
eslint
ESLint 使用教程(三):12个ESLint 配置项功能与使用方式详解
在现代前端开发中,代码质量与一致性是至关重要的,ESLint 正是为此而生的一款强大工具,本文将带您详细了解 ESLint 的配置文件,并通过通俗易懂的方式讲解其主要配置项及其配置方法。此外,我们还将探讨一些高级配置和最佳实践,以帮助您在项目中更好地应用 ESLint,提升代码质量和开发效率。
乐闻x
14 天前
javascript
·
eslint
ESLint 使用教程(一):从零配置 ESLint
在现代前端开发中,代码质量和风格一致性是团队合作和项目维护的重要因素。而 ESLint 作为一款强大的 JavaScript 静态代码分析工具,能够帮助开发者发现和修复代码中的潜在问题。本文将详细介绍 ESLint 的常用规则配置,并结合实际应用场景,帮助开发者更好地理解和使用 ESLint。
Lysun001
1 个月前
前端
·
vue
·
eslint
·
1024程序员节
error Unexpected mutation of “xxxxx“ prop
错误是在进行 eslint 检查的时候触发的,这个错误的原因是我们在子组件中改变了父组件传递过来的 props
大家的林语冰
1 个月前
前端
·
javascript
·
eslint
ESLint 推陈出新,支持 JSON 和 Markdown 只是变革的开始
大家好,我是大家的林语冰。今年七月,ESLint 团队就爆料了 ESLint 的未来计划,想要将 ESLint 打造为一个更通用的 Linter(代码质保工具),能够对任何语言进行 lint 分析。
Spider Cat 蜘蛛猫
2 个月前
vscode
·
json
·
eslint
关于vscode中settings.json中的设置
为什么会需要有这个文章,因为在整合eslint和prettier出现settings.json文件,究竟哪个配置对应哪个插件?
不cong明的亚子
2 个月前
react.js
·
前端框架
·
eslint
react项目中引入最新版本eslint
上面命令跑完之后,你的项目根目录会多一个eslint.config.mjs文件这是我们本地的配置 生成的默认代码如下,
下雪天的夏风
2 个月前
前端
·
typescript
·
eslint
Vant 按需引入导致 Typescript,eslint 报错问题
vant4 通过 按需引入的配置 使用组件时,会同时将样式也自动导入。所以可直接使用相关的 API 和组件,不会有问题。比如:
Kenny_Xu_00101854
3 个月前
前端
·
vue
·
eslint
【Web前端】vue3整合eslint约束代码格式
整合eslint的两种方式:两种方式任一,最终保证package.json文件中内容如下即可:在项目根目录下创建.eslintrc.cjs文件: 以下为配置模板,仅供参考:
bigbig猩猩
3 个月前
javascript
·
eslint
深入解析 ESLint 配置:从零到精通
深入解析 ESLint 配置:从零到精通ESLint 是一个强大的代码检查工具,主要用于识别 JavaScript 和其他支持的语言中的常见编程错误,并强制执行一致的编码风格。自2013年6月由Nicholas C. Zakas创建以来,ESLint 已成为前端开发中不可或缺的一部分。本文将详细介绍 ESLint 的配置过程,包括安装、配置文件格式、常用配置选项以及如何在项目中实际使用 ESLint。
SuperYing
3 个月前
前端
·
eslint
还在复制粘贴 eslint 配置?封装个预置函数,彻底解放你的双手
大家好!我是 嘟老板。在前端开发中,ESLint 扮演着守护代码质量的关键角色。它通过一套严格的规则,确保代码的规范性和一致性。然而若负责多个项目,就会发现重复为每个项目配置 ESLint 是多么痛苦的事情。那有没有一种高效的方法,既能保证各项目的配置统一,又能减少重复劳动呢?今天我们就来聊聊如何封装 ESLint 预置函数,让你远离反复配置的烦恼,彻底解放你的双手。
昔冰_G
4 个月前
前端
·
typescript
·
vue
·
vue3
·
ts
·
eslint
·
自动导入
报红:找不到名称ref ts(2304)、‘ref‘ is not defined. eslint(no-undef)
接上篇在上篇介绍了使用 unplugin-auto-import 和 unplugin-vue-components
猫天意
4 个月前
ide
·
vscode
·
编辑器
·
eslint
·
语法
ESlint | 通过VsCode中的ESLint插件来实现自动修正语法错误
安装ESLint的好处:注意:ESLint的配置文件必须在根目录下,这个插件才能才能生效。打开项目必须以根目录打开,一次打开一个项目
Nicander
4 个月前
前端
·
eslint
eslint.config.js VS .eslintrc.*
ESLint 生态中存在两种配置文件格式:两种配置文件 在配置规则、配置处理器(processor) 的语法方面相同,但在很多方面有一些不同。 两者的核心区别在于:
Dr_哈哈
5 个月前
vue.js
·
代码规范
·
eslint
ESLint 9.0版本踩坑记录
在使用新版本的 ESLint 时,遇见问题一定要注意查阅官方文档。首先检查 node 版本是否满足以下要求。
天心天地生
5 个月前
微信小程序
·
小程序
·
eslint
为微信小程序项目添加eslint
在使用vscode开发微信小程序的过程中,修改js的时候发现没有报错提示,让我很不习惯,所以想为微信小程序项目添加eslint配置
松桑的前端后花园
5 个月前
前端
·
javascript
·
css
·
promise
·
eslint
·
前端周刊
·
前端后花园
#15松桑前端后花园周刊-Turborepo 2.0、ESLint v9.4.0、重新学习promise、CSS gap
ESLint 推出了一个新的 ESLint 配置迁移器ESLint 用户没有升级到 ESLint v9.x 的最大原因之一是迁移配置文件似乎很困难和复杂。因此 Eslint 推出@eslint/migrate-config支持将. eslintrc 文件迁移到 eslint.config.js,以帮助用户提高配置文件的速度。
Amd794
5 个月前
代码规范
·
eslint
·
团队协作
·
持续集成
·
prettier
·
代码审查
·
vue 3
Vue 3与ESLint、Prettier:构建规范化的前端开发环境
title: Vue 3与ESLint、Prettier:构建规范化的前端开发环境 date: 2024/6/11 updated: 2024/6/11 publisher: cmdragon