VScode安装EsLint和Prettier

136 阅读1分钟

以前eslint和prettier都是安装在项目中,使用webpack实时校验代码规则,代码格式统一也是在git提交的时候再统一格式化,这种导致产生了大量git冲突,严重影响工作效率,其实这两个工具最好安装在代码编辑器中,保存代码就完成了规则校验和格式统一。

这两个工具在vscode中有非常高的安装量,都是几千万的安装使用量。

image.png

EsLint安装完成后,需要在vscode的配置文件中添加才能正常使用。

{
    "editor.codeActionsOnSave": {  
        "source.fixAll.eslint": true  
    }
}

image.png

Prettier安装完成后,需要在vscode的配置文件中添加才能正常使用。

{  
    "editor.defaultFormatter": "esbenp.prettier-vscode",  
    "[javascript]": {  
        "editor.defaultFormatter": "esbenp.prettier-vscode"  
    }  
}