eslint+prettier自动格式化代码
1.两个依赖
需要你的vue项目已经使用了eslint+prettier,你可以在创建项目的时候选择eslint+prettier,如下图:
当然,对于老项目,你也可以选择自己安装相关依赖,就是稍微繁琐一些…
2.eslint
eslint:JavaScript 代码检测工具
js相当随意,对于字符串,你可以使用''
,""
;在语句的最后,你可以使用;
,或者不使用
这就很难受呀,一个小伙伴一种写法,虽说不会错,但是不统一
我们可以在eslint制定规则,一旦不符合规则就警告或者保存,这样就可以统一小伙伴们的代码风格了
3.prettier
eslint可以制定规则,但是每条规则都自己制定,又繁琐又不一定就是最好的
这时prettier就是一个不错的选择,他提供了一套格式化代码的规则,当然,你也可以自定义某些规则