最近在做一個網站,前端用的是 Element + vue.js,然後編輯器用的是 VSCode。在使用 VSCode 的時候,首先要安裝 vetur 插件,但是 vetur 插件格式化代碼會有問題,比如 tab 鍵的空格數量是 4 ,單引號變雙引號,語句結束加分號等問題。一開始因爲不太熟練,第一次單幹前端,就忍着不使用格式化代碼,慢慢有功夫了,決定徹底解決格式化的問題。
問題1:格式化後,單引號變雙引號,自動加分號的問題
- 首先,找到 VSCode 的設置。
- 然後,在搜索裏面搜:
vetur.format.defaultFormatter.js
,選擇 vscode-typescript。
問題2:格式化後,函數名後面加空格問題
- 在搜索裏面搜:
insertSpaceBeforeFunctionParenthesis
,選擇 true 或者 打√