eslint

记一次 ESLint 格式化代码踩坑(小坑)

## 背景 最近在尝试使用 **ESLint** 取代 **Prettier** 来格式化代码,主要受Antfu博文:https://antfu.me/posts/why-not-prettier-zh 的启发,其中提到的痛点,也确实有遇到。于是决定使用Antfu大佬提供的[eslint-confi ......
小坑 代码 格式 ESLint

在使用VScode编辑器vue开发过程中,v-for在Eslint的规则检查下出现报错:Elements in iteration expect to have ‘v-bind:key’ directives

报错如下: 该怎么解决呢? 现在说说解决他的两种方法: 1.直接在v-for循环后面绑定一个属性,跟前面需要循环的属性一一对应,截图如下: 2.在vscode中去掉Eslint规则检查,具体操作截图如下: 文件–》首选项–》设置–》在搜索框中输入:vetur.validation.template, ......

Delete `␍`eslint(prettier/prettier) 错误的解决方案

## 问题 罪魁祸首是git的一个配置属性:core.autocrlf 由于历史原因,windows下和linux下的文本文件的换行符不一致。 * Windows在换行的时候,同时使用了回车符CR(carriage-return character)和换行符LF(linefeed character ......
prettier 解决方案 错误 方案 Delete

Pycharm中开发vue element项目时eslint的安装和使用

在PyCharm中使用ESLint对Element UI进行语法检查和代码风格检查的配置步骤如下: 确保你的项目已经配置了ESLint并且可以正常运行。如果尚未安装ESLint,请先使用npm(或者你的包管理器)在项目中安装ESLint: npm install eslint --save-dev ......
Pycharm element 项目 eslint vue

VueCLI报错:ERROR in [eslint]

配置好自己的组件后,完全没有任何错误,但是使用npm run serve时仍然报错 ERROR in [eslint] 发现是eslint的错误,其实没有错,只不过Vue检测你的组件名称不符合就不编译了。 只需停掉eslint就行(一般开发期间停掉eslint可以保证自定义的变量、组件等也可以运行) ......
VueCLI eslint ERROR in

解决vue3自动引入element-plus后eslint警告

## 配置vue.config.js ``` ... ... module.exports = defineConfig({ ... ... configureWebpack: { plugins: [ AutoImport({ resolvers: [ElementPlusResolver()], ......
element-plus element eslint vue3 plus

unplugin-auto-import的配置和eslint报错解决

unplugin-auto-import的配置和eslint报错解决先上官网:unplugin-auto-import unplugin-auto-import 解决了vue3-hook、vue-router、useVue等多个插件的自动导入,也支持自定义插件的自动导入,是一个功能强大的typesc ......

关闭eslint校验

关闭 Eslint (不推荐) 移除 package.json 中 eslintConfig 整个节点代码, vue.config.js 下的 lintOnSave 值改为 false ......
eslint

vite vue3 EsLint配置

1、安装ESLint npm i -D eslint 2、初始化配置EsLint npx eslint --init 2-1、选择模式 2-2、选择语言模块 2-3、选择语言框架 2-4、是否使用ts 2-5、代码在哪里运行 2-6、选择一个风格 2-7、你想遵循哪一种风格指南 2-8、希望配置文件 ......
EsLint vite vue3 vue

配置.husky和commitlint以及Eslint

代码规范 ESLint + Prettier(项目是基于uniapp+vue3+ts) 无脑执行以下操作,让你在vue3+ts的项目中愉快的使用 eslint 和 prettier。 npm install eslint prettier --save-dev npm install eslint- ......
commitlint Eslint husky

eslint prettier commitizen husky集成

初始化 eslint 执行以下命令并根据提示选择仓库类型(会在项目根目录自动生成 .eslintrc.cjs 文件) npm init @eslint/config 添加 prettier(格式化代码) npm i prettier eslint-config-prettier eslint-plu ......
commitizen prettier eslint husky

vue3 create-vue 开启vite自动验证eslint

0. vue3 cli推荐新的构建工具 vite,但没有yarn run dev后并不自动检测eslint规则,需要运行yarn run eslint 1. 添加组件即可 yarn add vite-plugin-eslint --dev 2. 在vite.config.js加入 1 import ......
create-vue vue create eslint vue3

Eslint

TypeError: this.cliEngineCtor is not a constructor,webstorm和eslint的版本纠结 webStorm 2020.3 npm install eslint@7.0.0 --save-exact https://www.cnblogs.com/ ......
Eslint

eslint

eslint eslint配置的方式 通过代码注释 通过配置文件 .eslintrc.*(*包含json、js、yaml) ......
eslint

async function 报eslint 错误:Parsing error: Unexpected token function 解决方法

async function getData() { 这个代码报eslint 错误:Parsing error: Unexpected token function。 .eslintrc中 parserOptions: { ecmaVersion: 6 }, 根据ESLint的官方文档,"ecmaV ......
function Unexpected 错误 Parsing 方法

【vue3-element-admin】ESLint+Prettier+Stylelint+EditorConfig 约束和统一前端代码规范

通过ESLint 检测 JS/TS 代码、Prettier 格式化代码、Stylelint 检测 CSS/SCSS 代码和配置 EditorConfig 来实现前端代码规范约束和统一。 ......

vscode保存时自动ESLint格式化(vue)

一、安装eslint 二、vscode全局配置 2.1 打开设置 2.2 打开 settings.json 2.3 在settings.json中添加eslint配置 { "code-runner.runInTerminal": true, "eslint.format.enable": true, ......
格式 vscode ESLint vue

VSCode插件 : ESLint Prettier Vite

# 创建项目 pnpm create vite vite-eslint --template vue cd vite-eslint pnpm install pnpm run dev # 安装插件 pnpm i prettier -D # 创建配置文件 echo {}> .prettierrc.js ......
插件 Prettier VSCode ESLint Vite

vscode项目中加入eslint配置不生效,控制台有报错,但是代码没有标红

项目中配置下载了eslint各种配置,vscode配置文件settings.json中配置了,但是就是代码没有标红,不能自动修复。 最终发现问题所在 在vscode的配置文件settings.json中 eslint.options 有个这个参数,如果没有注释就注释掉,有的话就放开,进行一个切换就可 ......
控制台 代码 项目 vscode eslint

vue3 - .eslintignore 配置忽略指定文件或者文件夹的eslint检查报错

项目根目录如果没有 .eslintignore 文件,需要手动添加即可 用法如下 指定某文件夹包括里面的所有文件都忽略 build src/assets 指定某文件夹里面的指定文件类型都忽略 build/*.js 指定某文件夹里面的指定文件忽略 src/index.js 指定某文件夹里的除某个文件之 ......
文件 eslintignore 文件夹 eslint vue3

vue3 - import js文件eslint报错-解决

在 shims.d.ts 文件中 ,添加 declare module '*.js'; 即可 如果让所有的文件都可导入,则写为 declare module '*'; ......
文件 import eslint vue3 vue

vue3 - 关闭eslint提示参数必须定义类型

需要在tsconfig.json 文件里,将 strict 设为 false 即可 这样,参数不需要必须定义类型了 ......
参数 类型 eslint vue3 vue

【代码格式规范】eslint和prettier

配置eslint 执行安装命令 pnpm add eslint -D 执行eslint初始化命令 pnpm eslint --init (1) How would you like to use ESLint? (你想如何使用ESLint?) 选择:To check syntax and find ......
prettier 代码 格式 eslint

vscode莫名其妙的错误:eslint的语法校验规则

1、 报错信息: http://eslint.org/docs/rules/eol-last 翻译:文档末尾要换行 2、分析原因:插件或相关配置eslint的语法进行校验,代码规范不符合校验规则。 3、解决:回车键换行一下 4、eslint的语法校验规则常见的错误: Errors: 1.http:/ ......
语法 莫名其妙 规则 错误 vscode

Vscode爆红,Delete `␍`eslint(prettier/prettier)错误的解决方法

一、问题 使用vscode学习nest.js的过程中,遇到了多处爆红,编辑器每行代码最后都出现了红色的波浪号。如图: 二、主要原因 通过度娘大力支持,最终在多种方法结合下解决了这些波浪线。源头都是因为安装了 Prettier 插件指定了文件的结尾换行符与系统不一致导致的。 Windows在换行的时候 ......
prettier 错误 方法 Vscode Delete

eslint prettier配置

.eslinttrc.js配置如下 module.exports = { root: true, env: { node: true }, extends: ['plugin:vue/essential', 'eslint:recommended', '@vue/prettier'], parser ......
prettier eslint

【eslint 插件开发】禁用 location 跳转外部链接

背景 公司 h5 项目需要为跳转的外部链接统一增加参数。举个例子,假设有如下代码: location.href = 'https://www.test.com/a?id=xxx' location.replace('https://www.test.com/a?id=xxx') 我们需要把所有链接都 ......
插件 location 链接 eslint