admin管理员组

文章数量:1613065

eslint+prettier自动格式化代码

1.两个依赖

需要你的vue项目已经使用了eslint+prettier,你可以在创建项目的时候选择eslint+prettier,如下图:

当然,对于老项目,你也可以选择自己安装相关依赖,就是稍微繁琐一些…

2.eslint

eslint:JavaScript 代码检测工具
js相当随意,对于字符串,你可以使用'',"";在语句的最后,你可以使用;,或者不使用
这就很难受呀,一个小伙伴一种写法,虽说不会错,但是不统一
我们可以在eslint制定规则,一旦不符合规则就警告或者保存,这样就可以统一小伙伴们的代码风格了

3.prettier

eslint可以制定规则,但是每条规则都自己制定,又繁琐又不一定就是最好的
这时prettier就是一个不错的选择,他提供了一套格式化代码的规则,当然,你也可以自定义某些规则

4.配置 prettier 不符合规则就报错

本文标签: 代码项目VSCodeWebStormvue