Vue-3.3ESLint

ESLint代码规范

代码规范:一套写代码的约定规则。

JavaScript Standard Style规范说明https://standardjs.com/rules-zhcn.html

代码规范错误

如果你的代码不符合standard的要求,ESlint会跳出来提醒。

比如:在mian.js中随意做一些改动,添加一些分号,空行。

Vue-3.3ESLint_第1张图片

两种解决方案:

1)手动修正

根据错误提示来一项一项手动修正。

如果不认识命令行中的语法报错是什么意思,根据错误代码去[ESLint规则表]中查找其具体含义。

2)自动修正

基于vscode插件ESLint高亮错误,并通过配置自动帮助我们修复错误。

Vue-3.3ESLint_第2张图片

 打开设置,点击右上角文件

Vue-3.3ESLint_第3张图片

 加入如下代码

//当保存的时候,eslint自动帮我们修复错误
    "editor.codeActionsOnSave": {
        "source.fixAll": true
    },
    //保存代码,不自动格式化
    "editor.formatOnPaste": false
}

Vue-3.3ESLint_第4张图片

你可能感兴趣的:(vue,vue.js,前端,javascript)