關於使用 VSCode 進行格式化 Vue.js 代碼的記錄

最近在做一個網站,前端用的是 Element + vue.js,然後編輯器用的是 VSCode。在使用 VSCode 的時候,首先要安裝 vetur 插件,但是 vetur 插件格式化代碼會有問題,比如 tab 鍵的空格數量是 4 ,單引號變雙引號,語句結束加分號等問題。一開始因爲不太熟練,第一次單幹前端,就忍着不使用格式化代碼,慢慢有功夫了,決定徹底解決格式化的問題。

問題1:格式化後,單引號變雙引號,自動加分號的問題

  • 首先,找到 VSCode 的設置。
Windows 用戶
文件
MacBook 用戶
Code
首選項
設置
  • 然後,在搜索裏面搜:vetur.format.defaultFormatter.js,選擇 vscode-typescript

問題2:格式化後,函數名後面加空格問題

  • 在搜索裏面搜:insertSpaceBeforeFunctionParenthesis,選擇 true 或者 打√

參考資料

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章