使用vscode開發vue項目的時候，從遠端拉下一個新的項目後，安裝完依賴後跑起項目時，發現直接報了一堆語法錯誤：包括換行、空格、單雙引號、分號等各種格式問題 ...
問題描述
- 使用vscode開發vue項目的時候，從遠端拉下一個新的項目後，安裝完依賴後跑起項目時，發現直接報了一堆語法錯誤：包括換行、空格、單雙引號、分號等各種格式問題
- 因為我的 vscode 安裝使用 vetur 插件，它預設使用的是 prettier 來格式化代碼，從而在拉下代碼時，直接格式化了我的代碼
分析
- 這時首先想到的處理辦法，是把 webpack 中 eslint 的相關配置關閉，這時，隨然報錯不見了，但問題並沒有解決
- 這個項目是多人開發，如果我不設置 eslint 檢測，那麼對其它人來說結果將是災難性的
- 所以只好進行vscode局部配置的修正，並重新拉下來代碼，配置如下
{
"vetur.format.defaultFormatterOptions": {
"prettier": {
"singleQuote": true,
"semi": false
}
}
}- 然而，這並沒有撤底解決問題。因為我的 vscode 全局配置中，仍然有大量的配置設置，很有可能存在我沒有發現的意外問題（地雷）
解決
- 所以還是要正面解決這個問題。我的方案是將 vscode 配置文件進行同步，保證所有人的編輯器配置是一致的
- 但是這需要一個前提，就是每一個開發者，都要保證自已的 vscode 中的合局配置必須是空的，是乾凈的
- 所以，這也提醒我們，無論是在開發代碼時，還是配置環境時，可以局部配置的一定要走局部，不要去污然全局
- 另外，最好將 vscode 的插件配置信息也同步到項目中，這樣就可以保證所有人的代碼都可以正常的流轉，不必擔心引發格式上的意外
.gitignore文件配置【不忽略上傳】vscode配置
- 預設情況下.vscode配置文件夾是不會加入git監控的
- gitignore配置參考
#設置同步 vscode配置
!/.vscode/settings.json
