[問題探討]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
  }
,

以上配置完成後，就可以在保存時實現代碼自動格式化了。