vue項目中vscode格式化配置和eslint配置沖突


問題描述

  • 使用vscode開發vue項目的時候,從遠端拉下一個新的項目后,安裝完依賴后跑起項目時,發現直接報了一堆語法錯誤:包括換行、空格、單雙引號、分號等各種格式問題
  • 因為我的 vscode 安裝使用 vetur 插件,它默認使用的是 prettier 來格式化代碼,從而在拉下代碼時,直接格式化了我的代碼

分析

  • 這時首先想到的處理辦法,是把 webpack 中 eslint 的相關配置關閉,這時,隨然報錯不見了,但問題並沒有解決
  • 這個項目是多人開發,如果我不設置 eslint 檢測,那么對其它人來說結果將是災難性的
  • 所以只好進行vscode局部配置的修正,並重新拉下來代碼,配置如下
{
    "vetur.format.defaultFormatterOptions": {
        "prettier": {
            "singleQuote": true,
            "semi": false
        }
    }
}
  • 然而,這並沒有撤底解決問題。因為我的 vscode 全局配置中,仍然有大量的配置設置,很有可能存在我沒有發現的意外問題(地雷)

解決

  • 所以還是要正面解決這個問題。我的方案是將 vscode 配置文件進行同步,保證所有人的編輯器配置是一致的
  • 但是這需要一個前提,就是每一個開發者,都要保證自已的 vscode 中的合局配置必須是空的,是干凈的
  • 所以,這也提醒我們,無論是在開發代碼時,還是配置環境時,可以局部配置的一定要走局部,不要去污然全局
  • 另外,最好將 vscode 的插件配置信息也同步到項目中,這樣就可以保證所有人的代碼都可以正常的流轉,不必擔心引發格式上的意外

.gitignore文件配置【不忽略上傳】vscode配置

#設置同步 vscode配置
!/.vscode/settings.json


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM