记录vue-cli3.0+typescript项目:Eslint+prettier报错以及解决方法

记录vue-cli3.0+typescript项目:Eslint+prettier遇到的一些报错以及得到的解决方法
1、一直报错 error Delete ‘........’,或者是warning Delete、warning Insert ‘..’这种找不到问题的错误
记录vue-cli3.0+typescript项目:Eslint+prettier报错以及解决方法_第1张图片

2、typescript数据指定类型一直报错意外的类型这种问题
记录vue-cli3.0+typescript项目:Eslint+prettier报错以及解决方法_第2张图片

module.exports = {

    printWidth: 120, // 换行字符串阈值

    tabWidth: 4, // 设置工具每一个水平缩进的空格数

    singleQuote: true, // 用单引号

    semi: false, // 句末是否加分号

    trailingComma: 'none', // 最后一个对象元素加逗号

    bracketSpacing: true, // 对象,数组加空格

    jsxBracketSameLine: true, // jsx > 是否另起一行

    arrowParens: 'always', // (x) => {} 是否要有小括号

    parser: 'typescript' // 指定使用哪一种解析器

}

记录vue-cli3.0+typescript项目:Eslint+prettier报错以及解决方法_第3张图片

module.exports = {

    root: true,

    env: {

    node: true

    },

    extends: [
    
        'plugin:vue/essential',
        
        '@vue/prettier',

        '@vue/typescript',

        'plugin:prettier/recommended' // add prettier-eslint plugin which will uses the `.prettierrc.js` config

    ],

    rules: {

        'prettier/prettier': 'error',

        'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',

        'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'

    },

    parserOptions: {

        parser: '@typescript-eslint/parser'

    },

    overrides: [

        {

            files: ['**\_\_tests\_\_\*.{j,t}s?(x)'],

            env: {

                mocha: true

               }

        }

    ]

}

以上就是今日做项目遇到的坑以及解决的方法

你可能感兴趣的:(vue.js,typescript)