eslint配置

2021-04-12 08:32:10 阅读：178 来源： 互联网

标签：插件代码配置 Linter 空格 eslint 方法 ESLint

Vue项目中ESLint基本语法要求
JS中的字符串使用单引号包裹
代码结尾不能跟分号
声明的变量和方法必须被调用
代码的最后一行要加换行
tab键用多个空格代替, 一个tab键等于2个空格
声明的方法名和圆括号之间加空格

为了适应ESLint语法要求, 前期的准备工作
安装ESLint插件, 实时提示我们代码格式可能出现的问题

安装Prettier插件, 代码保存时, 自动格式化代码
需要如下配置:
如果之前装过Beautify, 可以先卸载掉或者禁用掉, 以免冲突

设置settings.json中添加如下配置

"editor.formatOnSave": true,

新建.prettierrc文件

{
  "semi": false,
  "singleQuote": true
}

在.eslintrc.js中添加标红代码

rules: {
    'no-console': 'off',
    'no-debugger': 'off',
    'space-before-function-paren': 0
  },
关闭自动保存功能

重启vscode, 确保修改生效

如何关闭ESLint校验功能
方法一:
创建项目时不要勾选Linter/Formatter选项

方法二:
图形化界面中关闭Linter功能

方法三:
直接修改配置文件vue.config.js

module.exports = {
  lintOnSave: false
}

标签：插件,代码,配置,Linter,空格,eslint,方法,ESLint
来源： https://www.cnblogs.com/yxyc/p/14646409.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

eslint配置