[问题探讨]VUE项目通过VS CDDE的ESLint插件实现代码保存时自动格式化

需求

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": true,
    "eslint.validate": [
    "javascript",
    "javascriptreact",
    {
    "language": "html",
    "autoFix": true
    },
    {
    "language": "vue",
    "autoFix": true
    }
    ],
 }
// VS CODE1.4+ESLint 2.0.14
// (VS CODE版本信息在帮助---关于里面查看,ESLint版本信息在插件安装列表查看)
{
	// 保存时自动格式化代码
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  }
,

以上配置完成后,就可以在保存时实现代码自动格式化了。

发布了62 篇原创文章 · 获赞 42 · 访问量 5万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览