中小企业为什么要建网站,设计公司资质类别和等级,网站建设策划书有哪些内容,办公室改造装修公司1. 介绍
ESLint:是一个代码检查工具#xff0c;用来检查你的代码是否符合指定的规则(你和你的团队可以自行约定一套规则)。
在创建项目时#xff0c;我们使用的是 JavaScript Standard Style 代码风格的规则。
规范网址#xff1a;https://standardjs.com/rules-zhcn.htm…1. 介绍
ESLint:是一个代码检查工具用来检查你的代码是否符合指定的规则(你和你的团队可以自行约定一套规则)。
在创建项目时我们使用的是 JavaScript Standard Style 代码风格的规则。
规范网址https://standardjs.com/rules-zhcn.html
2. 手动修正
根据错误提示来一项一项手动修正。
如果你不认识命令行中的语法报错是什么意思你可以根据错误代码func-call-spacing, space-in-parens,…去 ESLint 规则列表中查找其具体含义。
打开 ESLint 规则表使用页面搜索Ctrl F这个代码查找对该规则的一个释义。
如下图
3. 自动修正
通过eslint插件 - 实现自动修正 eslint会自动高亮错误显示通过配置eslint会自动帮助我们修复错误 3.1 安装eslint 3.2 在vs中添加配置
设置
添加配置如下
// 当保存的时候eslint自动帮我们修复错误
editor.codeActionsOnSave: {source.fixAll: true
},
// 保存代码不自动格式化
editor.formatOnSave: false注意eslint的配置文件必须在根目录下这个插件才能才能生效。打开项目必须以根目录打开一次打开一个项目注意使用了eslint校验之后把vscode带的那些格式化工具全禁用了 Beatify
settings.json 参考
{window.zoomLevel: 2,workbench.iconTheme: vscode-icons,editor.tabSize: 2,emmet.triggerExpansionOnTab: true,// 当保存的时候eslint自动帮我们修复错误editor.codeActionsOnSave: {source.fixAll: true},// 保存代码不自动格式化editor.formatOnSave: false
}