项目开启eslint和prettier步骤,实现按照eslint标准保存代码

570 阅读1分钟

1.VScode安装eslint插件

image.png

2.右下角有开启和关闭eslint校验的标志(点击开启)

image.png

3.项目安装eslint和prettier依赖 npm i eslint --save -dev npm i prettier --save -dev 此时项目内的package,json文件中,在"dependencies"中多了eslint和prettier的配置信息

image.png

4.接着在项目下创建.eslintrc.js.prettierrc.js文件(具体配置可百度)

image.png

image.png

5.vscode设置lintOnsave File->preference->settings

image.png

重启vscode就可以实现代码校验保存了~