1. 首頁
  2. »
  3. 網頁開發
  4. »
  5. 如何讓 VS Code 顯示隱藏字符,並透過外掛自動移除隱藏字符

如何讓 VS Code 顯示隱藏字符,並透過外掛自動移除隱藏字符

2021/06/17

梅問題-如何讓VS Code顯示隱藏字符,以及透過外掛自動移除隱藏字符
  由於最近在發布文章時,一直出建立失敗,查看了LOG檔,才發現是md檔的第二行格式不符,但梅干前往檢查了N次,第二行只是一個單純的數字,檢查了好久,完全抓不到著頭續,最後心想那就換個編輯器開啟看看,當使用Subilme Text一開啟後,才發現到怎麼在文字間,出現了<0x08>的字符,當手動把它刪除後,就正常了,但這個字符在VS Code竟然完全不顯示。

就上網爬了許多的文章,終於找到解決辦法,除了可讓VS Code也能顯示隱藏字符外,甚至也有相關外掛,當把文章儲存時,就會自動清除隱藏字符,因此你也是使用VS Code的朋友,現在就一塊來看看,如何讓VS Code顯示隱藏字符,以及透過外掛,自動將它清除。


Step1
一樣的檔案,在Sublime Text中開啟時,則會看到<0x08>的灰色文字,但在VS Code卻什麼也沒出現。
梅問題-如何讓VS Code顯示隱藏字符,以及透過外掛自動移除隱藏字符
Step2
這時開啟VS Code並進入設定面板。
梅問題-如何讓VS Code顯示隱藏字符,以及透過外掛自動移除隱藏字符
Step3
在進入後,輸入editor.renderControlCharacters關鍵字,並將它開啟。
梅問題-如何讓VS Code顯示隱藏字符,以及透過外掛自動移除隱藏字符
Step4
在開啟完畢後,回到原來的檔案,就會看到字與字之間,出現一個小小bs,這時手動將它刪除就可以了。
梅問題-如何讓VS Code顯示隱藏字符,以及透過外掛自動移除隱藏字符
Step5
這時進到外掛面板,輸入Remove backspace control character外掛名稱,在安裝完畢後,並將它設為開啟。
梅問題-如何讓VS Code顯示隱藏字符,以及透過外掛自動移除隱藏字符
Step6
再回到設定面板,將editor.formatOnSave設為開啟。
梅問題-如何讓VS Code顯示隱藏字符,以及透過外掛自動移除隱藏字符
Step7
一切都設定完畢後,當下回將檔案儲存時,VS Code就會自動的清除文件中的隱藏字符啦!
梅問題-如何讓VS Code顯示隱藏字符,以及透過外掛自動移除隱藏字符