vue各種提示格式問題

使用vue-cli生成項目，選擇使用eslint，編碼風格爲standrad。
打開.eslintrc.js文件，在rules中添加'space-before-function-paren': 0,，關閉函數括號前的空格驗證。

 

// 關閉前，必須爲如下格式
function fn () {}
// 關閉後，如下格式也可以
function fn() {}

vscode插件安裝與設置

搜索安裝vetur、prettier插件。Ctrl+Shift+P 搜索Setting首選項設置修改設置如下：

 

  "editor.formatOnSave": true, // 編輯器保存自動格式化
  "prettier.semi": false, // 語句結束不添加分號
  "prettier.singleQuote": true // 字符串使用單引號

設置完成，重新加載vscode即可，此時js文件與vue文件保存會自動格式化，編程風格也可以通過eslint的校驗。

設置說明

1. 在eslint中添加'space-before-function-paren': 0,是因爲，prettier沒有這個選項，所以直接去掉，而這個選項其實也並沒有什麼影響。
2. 設置prettier即可實現vue與js的保存格式化，是因爲vetur（新版），格式vue中的js默認使用的就是prettier，有些人更新vetur，eslint（未修改）報錯，就是因爲這個原因，可以通過修改"vetur.format.defaultFormatter.js": "prettier",來避免報錯。
3. eslint有prettier相關的插件，如果不願修改prettier設置或喜歡prettier默認編碼風格的可以使用，按照自己喜歡的編碼風格配置eslint與prettier設置即可。

作者：markdown
鏈接：https://www.jianshu.com/p/584eaf73a3b9
來源：簡書
著作權歸作者所有。商業轉載請聯繫作者獲得授權，非商業轉載請註明出處。