vue3项目 新建 有好多格式的警告:`Delete ␍ eslintprettier/prettier` `missing return type on function`

一、安装好后 代码中有很多警告

警告1:

  • 警告: Delete ␍ eslintprettier/prettier
  • 修复1.1:npm run lint --fix
  • 缺点1.1:需要commit所有文件,多余

  • 修复1.2:在 .prettierrc 文件里面 添加 "endOfLine": "auto"
  • 缺点1.2: 不能兼容跨平台开发

修复1.3:全局将 autocrlf 设置为 false:git config --global core.autocrlf false
注意:git全局配置之后,你需要重新拉取代码。
参考网址

自己最终解决方式是:在.eslintrc.js 文件中 rules中 添加如下代码:

"editor.renderIndentGuides": false,
        "[vue]": {
            "editor.defaultFormatter": "octref.vetur"
        },
        "explorer.confirmDelete": false,
        "editor.formatOnType": true,
        "editor.formatOnSave": true,
        "eslint.autoFixOnSave": true, //保存自动修复eslint错误
        "eslint.validate": [
            "javascript",
            "javascriptreact",
            "html",
            "vue",
            {
                "language": "vue",
                "autoFix": true
            }
        ],
        "eslint.options": { //指定eslint配置文件位置
            "configFile": ".eslintrc.js" //指定项目根目录中的eslint配置文件
        },
        "files.autoSave": "off",
        "editor.codeActionsOnSave": {
            "source.fixAll.eslint": true
        },

警告2:

  • 警告:missing return type on function
  • 修复:在 .eslintrc.js 文件里面 添加:
    "rules": { "@typescript-eslint/explicit-module-boundary-types": "off" },

二、按照前面的写 还是有警告

注释的办法 不让其有作用

1、Eslint语法检测问题:.eslintrc.js中 extends中的代码注释;
2、ts语法检测:tsconfig.json 中 strict 改成false

你可能感兴趣的:(记录报错情况,前端学习记录,前端)