有的同學在剛接觸vue專案的過程中，會遇到大佬推薦安裝Prettier和Eslint外掛，但是有些時候誤操作就會導致程式碼一直報錯，執行不起來，因為這是兩個外掛的程式碼風格是不一樣的，

prettier是程式碼風格標準外掛，eslint是程式碼質量校驗外掛，所以這兩個發生衝突幾乎是必然的

記錄一下這次踩坑案例，小白的我在這裡也是卡了很久，終於搜尋到了我個人的可行方案，分享給大家

第一步：

首先在外掛市場中安裝Prettier和eslint這兩個外掛

第二步：

在您的vue專案的根目錄下新建一個檔案，起名為  . prettierrc       （這個不能改動，必須是這個名字）

然後裡面寫上這個配置：

{
    "semi":false,
    "singleQuote":true,
    "trailingComma":"none"
}

  註釋如下：

semi：是否在語句結尾新增分號

singleQuote：是否使用單引號代替雙引號

trailingComma：是否在多行語法後面新增逗號

第三步：

如果您在自己的vscode裡面安裝了多種編碼格式化工具，這時候需要在您的編碼區域右鍵單擊滑鼠，找到

 選擇Prettier

第四步：

在vscode裡面開啟設定選項，搜尋框裡面搜尋  save，如圖所示，勾選即可