一、安装插件 首先,我们需要安装ESLint、Prettier插件。安装方法很简单,在VSCode的EXTENSIONS中找到ESLint插件,然后点击install就可以了。 接着,我们再安装Prettier插件。 最后,我们也把EditorConfig for VS Code插件安装上,这个插件可以让编译器读取配置文件,并且按照配置文件里面的规定来格式化代码,有了这个插件,只要定义...
另外,你也可以通过在npmjs.com上搜索“eslint-config”并使用别人创建的配置。在没有使用别人的可共享配置或在配置中明确启用规则时,ESLint 不会检查你的代码。 二、配置 prettier 在我们的项目中,eslint 应主要负责校验语法校验,prettier应主要负责代码格式化。同eslint一样,我们不需要单独安装 ESLint 去使用,例如...
一、安装插件 首先,我们需要安装ESLint、Prettier插件。安装方法很简单,在VSCode的EXTENSIONS中找到ESLint插件,然后点击install就可以了。 接着,我们再安装Prettier插件。 最后,我们也把EditorConfig for VS Code插件安装上,这个插件可以让编译器读取配置文件,并且按照配置文件里面的规定来格式化代码,有了这个插件,只要定义...
接下来我们来安装这两个插件: pnpmaddeslint-config-prettier eslint-plugin-prettier-D 之后修改 ESLint 的配置文件,代码如下: module.exports={env:{browser:true,es2021:true,node:true,},extends:['eslint:recommended','plugin:prettier/recommended'],parserOptions:{ecmaVersion:12,sourceType:'module',},rul...
npm init @eslint/config 按照提示完成初始配置,生成.eslintrc.json配置文件 使用 通过命令的形式修复代码 npx eslint . --fix vscode插件,使得vscode调用eslint能力,实现实时问题提示,以及保存触发修复 插件安装后,修改vscode配置文件setting.json "editor.codeActionsOnSave": { ...
安装启用eslint插件之后,代码中的格式错误会直接标红提示,并且我们可以通过ctrl + s的快捷键来自动修复它们。 此外,eslint插件也可以配置eslint规则,但是如果检测到项目中有eslint的配置文件,就会覆盖本地的规则。 git husky配置 配置eslint是为了让我们找出格式的错误,但有时候我们会忘记解决代码中的eslint报错,将...
不过虽然vetur同时有错误检查以及格式化,但是代码检测在项目中还是通常用eslint;而格式化工具则是用prettier。vetur则更多的是用到了它的代码高亮等功能 2.vscode中如何指定代码格式化使用的插件(使用prettier)以及如何设置prettier的配置文件 2.1 如何使用prettier为编辑器的默认格式化插件 ...
选prettier规定格式。安装完成后(根目录会生成.eslintrc.js文件)这个配置文件是默认生成的,还不能用于项目后面会修改此配置文件。 插件及vite配置 1.安装vite-plugin-eslint npm add -D vite-plugin-eslint 2.安装eslint-parser npm add @babel/core @babel/eslint-parser -D ...
一、安装插件 首先,我们需要安装ESLint、Prettier插件。安装方法很简单,在VSCode的EXTENSIONS中找到ESLint插件,然后点击install就可以了。 接着,我们再安装Prettier插件。 最后,我们也把EditorConfig for VS Code插件安装上,这个插件可以让编译器读取配置文件,并且按照配置文件里面的规定来格式化代码,有了这个插件,只要定义...