一、安装插件 首先,我们需要安装ESLint、Prettier插件。安装方法很简单,在VSCode的EXTENSIONS中找到ESLint插件,然后点击install就可以了。 接着,我们再安装Prettier插件。 最后,我们也把EditorConfig for VS Code插件安装上,这个插件可以让编译器读取配置文件,并且按照配置文件里面的规定来格式化代码,有了这个插件,只要定义...
1.安装prettier npm add prettier eslint-config-prettier eslint-plugin-prettier -D 2.配置.prettierrc.js 在根目录下面添加.prettierrc.js文件夹,可以根据代码规范将下面参数配置在其中。其实也用不了配置这么多,保存的时候 会自动根据规则补全。 /** .prettierrc.js *在VSCode中安装prettier插件 打开插件配置填...
编辑器可以安装prettier插件,来实现保存代码是自动格式化代码冲突 在点击保存的时候,会发现红线不消失,一直闪动,这就是eslint和prettier冲突了。 原因:因为在某些规则下,eslintrc.js有自己的规则,prettierrc.js也有自己的规则, 如: eslint默认语句结尾不加分号,prettier默认语句结尾加分号; eslint默认强制使用单引号,...
测试eslint是否安装成功在.eslintrc.js加入一个规则进行测试(目前测试的是react项目)1 2 3 "rules": { 'react/jsx-key': 2, //map遍历中必须加入key属性 }测试结果如下(说明这一步成功了)配置prettier#1. 安装prettier1 cnpm install prettier eslint-plugin-prettier prettier-eslint eslint-config-...
1. 安装依赖 npm i --save-dev babel-eslint eslint eslint-plugin-vue2.vscode中添加eslint插件 3.package.json中的scripts里添加 "lint": "eslint --fix --ext .js --ext .vue src" 4.项目根目录添加.eslintignore文件,里面表示不需要检验的目录 ...
在vscode中安装Prettier插件并启用,同时需要设置Prettier为对应的代码默认格式化,或者将其设置为指定语言的代码格式化。 在用户级别的settings.json中设置编辑器的默认代码格式化器: { "editor.defaultFormatter": "esbenp.prettier-vscode" } 复制代码 1. 2. ...
"eslint-plugin-react": "^7.22.0", "eslint-plugin-react-hooks": "^4.2.0", eslint依赖高版本有一个'basePath' should be an absolute path的报错,固定6.6.0版本可解决(opens new window)# 安装prettier相关依赖 npm i--save-dev prettier eslint-plugin-prettier eslint-config-prettier prettier-esli...
extends:['plugin:prettier/recommended',], 两种区别: 方式一:两种规则会有冲突 方式二:两种规则没有冲突,会自动去掉eslint冲突的规则,配置简单。 重点: 如果使用方式二,需同时安装eslint-config-prettier 作用:禁用与lint相关的所有格式化规则。 注意:
为了将 ESLint 和 Prettier 一起使用,我们还需要安装两个插件。 eslint-config-prettier:它会关闭所有不必要或者可能与 Prettier 冲突的 ESLint 规则。 eslint-plugin-prettier:它会将 Prettier 作为 ESLint 规则运行。 npm install --save-dev eslint-config-prettier ...