VSCode+VUE+ESLint以達到保存自動格式化

首先打開VSCode在.eslintrc.js中加入以下代碼（不知道怎么找可以ctrl+shift+p進行搜索），添加 vscode 終端啟動服務

// 添加⾃定義規則
    'prettier/prettier': [
      // eslint校驗不成功后，error或2則報錯，warn或1則警告，off或0則⽆提示
      'error',
      {
        singleQuote: true,
        semi: false, //結束是否加分號
        printWidth: 160//每行最長字符 
      }
    ],

位置如圖

 

 

 然后依次打開左上角文件>首選項>設置>擴展>ESLint，右邊的settings.json加入以下代碼即可

// eslint格式化字符串
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },