一个90后程序员的网上自留地

愿有前程可奔赴 亦有岁月可回首

Vue中Eslint+Prettier格式化Js文件报错的常见问题

在使用vscode+vue开发应用的时候,使用了Eslint+Prettier来格式化js文件。碰到了几个问题,导致满屏红色波浪线,解决方式记录如下:


一、Delete `␍`eslint(prettier/prettier)

网上的方法如下

现在VS code,Notepad++编辑器都能够自动识别文件的换行符是LF还是CRLF。

如果你用的是windows,文件编码是UTF-8且包含中文,最好全局将autocrlf设置为false。

git config --global core.autocrlf false

 

注意:git全局配置之后,你需要重新拉取代码。

不过对于本地要创建的新文件呢?所以网上大多查到的还不完整,当然是需要配置windows上创建新文件的换行符向linux看齐用LF了,以vscode编辑器为例如下如:

好了,搞定。这样就不会出这个错误提示了,完美!

二、Unexpected console statement (no-console)

这个比较简单,直接在根目录的.eslintrc.js里面添加下面的代码重新编译就可以了。

module.exports = {
  // add your custom rules here
  rules: {
    // no-console问题不提示的办法
    'no-console': 'off',
    'no-restricted-syntax': [
      'error',
      {
        selector:
          "CallExpression[callee.object.name='console'][callee.property.name!=/^(log|warn|error|info|trace)$/]",
        message: 'Unexpected property on console object was called'
      }
    ]
  }
}

 

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注