需求
VUE项目在代码保存时自动格式化
实现工具
VS CDDE+ESLint插件
配置步骤
1,背景:Vue项目通过VS CDDE工具打开;
2,在VS CDDE仓库中搜索ESLint插件并安装,见下图示意:
3,安装后,依照提示重启VS CODE以启用ESLint插件;
4,点击文件—首选项—设置(如果未安装chinese插件,英文版的是点击file—preference—settings),依次点击用户(user)—扩展(Extends)—ESlint—在setting.json中编辑(Edit in setting.json)—在打开的setting.json中添加如下配置(如果有其他配置,则去掉下面的最外层大括号,将括号内的内容跟在原有配置后面添加上去):
这里我遇到的是如下两种情况的,不确保是否有更多情况!
// VS CODE 1.3版本+ESLint 1.9.0
// (VS CODE版本信息在帮助---关于里面查看,ESLint版本信息在插件安装列表查看)
{
// 保存时自动格式化代码
"eslint.autoFixOnSave": tru