如何自己配置eslint 与 Vscode 自动修复

coderMozart

2019-06-29

安装

npm install eslint

如何初始化

初始化eslint 运行 ./node_modules/.bin/eslint --init

接下来会弹出选项

how would you like to configure Eslint | 您希望如何配置 eslint
选择 use popular style guide
which style guide do you want to follow | 您要遵循哪种风格指南
可以选择 airbnb ，相对严格
do you use React ? | 你是否使用 react?
不需要的话就填n
接下来就是安装依赖

VScode 安装 eslint 插件

插件商店搜索 Eslint 插件，重启编辑器，如果代码中有出现报红，说明已经配置成功

如何自己配置eslint 与 Vscode 自动修复

如何开启vscode 自动修复

打开vscode 配置项，搜索 autofix , 勾选 auto Fix On Save

嘿嘿每次按 `ctrl + s` 都会自动修复代码了

coderMozart

0 关注 0 粉丝 0 动态

相关推荐

vscode给 vue 项目添加 eslint 验证提示遇到的细节问题

但是这无法格式化vue文件中的template和style，这个可以用vetur来格式化，只是要注意去掉对js的格式化，否则会覆盖eslint的格式化。如果你跟笔者一样，.eslintrc.js是放在子目录而不是根目录的话，会出现无法运行eslint

hualala 2020-06-13

vscode中我的settings.json文件

"editor.fontFamily": "‘Courier New‘, Consolas, monospace",

tozeroblog 2020-06-08

干货满满！25种绝佳VSCode扩展，体验便捷高效的生活

市场营销最强策略之一：在人们知道自己需要什么之前帮助他们意识到自己需要什么。这一点上，VSCode深谙其道。VSCode可能是目前最为流行的代码编辑器，就是因为它满足了每一个开发人员的需求，甚至可能开发人员自己都不清楚的需求。这就是VSCode的独特魅力。

out有点man 2020-05-07

Vue在VSCode中自动缩进

VSCode => file => perferences => settings => Edit in settings.json

out有点man 2020-04-23

新版vscode配置eslint自动格式化代码

旧版配置{ //配置eslint "eslint.autoFixOnSave": true, // 启用保存时自动修复,默认只支持.js文件 "eslint.validate": [ "javascrip

tozeroblog 2020-06-09

js 语法检查

eslint 使用 airhub 检查： eslint-config-airbnb 和eslint-config-airbnb-base. eslint-config-airbnb 包含 ECMAScript 6 + 以及 React 的 ESLint 代

hualala 2020-06-05

ESLint 配置（二）

在 .eslintrc.js 中配置："extends": ["eslint:recommended","standard"]. standard 要求不加分号，我也不想在代码中出现 alert，

hualala 2020-05-29

node创建Vue项目步骤详解

Vue.js不支持IE8及以下版本。因为Vue.js使用了ECMAScript5特性，IE8显然不能模拟。在用Vue.js构建大型应用时，推荐使用npm安装，npm能很好的和webpack等打包工具配合使用。首先Vue的安装依赖于node.js，要保证你的

www你所不知道的 2020-03-06

VS Code保存代码自动按eslint格式fix

VS Code写Vue，每次按照eslint格式手动fix代码很烦，Alt+Shift+f格式化代码又会和prettier冲突，因此找了Ctrl+s保存代码，自动按照eslint风格格式化代码。网上大多是早前修改方法，现在已经不适用，因此写这个随笔，避坑。

学知不足业精于勤 2020-04-30

vscode设置保存校验eslint

},"language": "html",},},"*.cjson": "jsonc","*.wxss": "css",},},

hualala 2020-04-30

vue-element-admin 基础

　　　　建议不要用 cnpm 安装会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题。若还是不行，可使用yarn替代npm。　　　　其实可以简单的在router-view上加上一个唯一的 key，来保证路由切换时都会重新渲染触发钩子了。

coderMozart 2020-04-20

Importing code style from ESLint

You can import some of theESLint code style rulesto the IntelliJ IDEAJavaScript code style settings. That enables IntelliJ IDEA

coderMozart 2020-04-17

node小贴士02

1，安装eslint在生产环境

hualala 2020-03-07

react-ts模板2.0

最新整理的react模板2.0. 整合了最新的webpack4，alloy-eslint约束, ant design v4.0.0. $ npm run build-prod // 正式打包。$ npm run analyze // 分析打包。$ npm

空谷足音 2020-03-06

node创建一个Vue项目

Vue.js不支持IE8及以下版本。因为Vue.js使用了ECMAScript5特性，IE8显然不能模拟。在用Vue.js构建大型应用时，推荐使用npm安装，npm能很好的和webpack等打包工具配合使用。首先Vue的安装依赖于node.js，要保证你的

tozeroblog 2020-03-06

vue-cil3关闭eslint语法检查

lintOnSave: false, // 关闭 eslint检查。你的eslint语法检查就 good bay 了

hualala 2020-02-23

基于vue-cli快速构建

Test是项目名称，这个名字自己随便取。Project name 项目名称，可以自己指定，也可直接回车，按照括号中默认名字，阮一峰老师博客为什么文件名要小写，可以参考一下。是否安装e2e测试，我选择安装

tozeroblog 2020-02-21

[AST ESlint] Prevent Console log, edge case, variable reference

For eslint prevent console plugin, we also want to prevent user do so:. const disallowedMethods = [‘log‘, ‘info‘, ‘warn‘, ‘error

tozeroblog 2020-02-17

[AST Eslint] No console with schema options && isPrimitive

const disallowedMethods = [‘log‘, ‘info‘, ‘warn‘, ‘error‘, ‘dir‘]

hualala 2020-01-23

[AST Eslint] No Console allowed

message: ‘Using console is not allowed‘,

学知不足业精于勤 2020-01-23

coderMozart

W3CSchool教程: HTML 教程; CSS 教程; Bootstrap 教程; Javascript 教程; jQuery 教程

后端教程: C 教程; Java 教程; PHP 教程; Python 教程; Go 教程

移动开发: Android 教程; Swift 教程; Kotlin 教程; jQuery Mobile 教程; ionic 教程

关于我们: 新闻动态; 联系方式; 招聘英才; 安科实验室; 帮助与反馈

安科网(Ancii)，中国第一极客网

Copyright © 2013 - 2019 Ancii.com

京ICP备18063983号京公网安备11010802014868号