前面的話
本文是vscode使用中遇到問題的解決辦法總結
CPU100%
有時,vscode會出現CPU利用率100%的情況,兩個rg.exe占用了全部的CPU。解決辦法如下
文件>首選項>設置, 搜索設置 "search.followSymlinks" :false;
emmet
若想在jsx中使用emmet自動補全代碼,解決辦法如下
文件>首選項>設置, 進行下面兩項設置
1、"emmet.triggerExpansionOnTab": true
2、"emmet.includeLanguages": {"javascript":"html"},
自動分號
若安裝了prettier插件,粘貼代碼,或格式化文件時,會自動添加分號,並由雙引號變成單引號,這是prettier插件的默認設置決定的。解決辦法如下
文件>首選項>設置, 進行下面兩項設置
1、"prettier.singleQuote": true
2、"prettier.semi": false
beauty
使用vscode,一般都會使用beauty插件來美化代碼。如果,要美化.vue的代碼,以及保存時自動美化代碼,則需要進行如下設置
文件>首選項>設置, 進行下面兩項設置
[注意]由於VUE使用的是eslint,則需要把.jshintrc變成.eslintrc
"editor.formatOnSave": true, "beautify.language": { "js": { "type": [ "javascript", "json" ], "filename": [ ".eslintrc", ".jsbeautify" ] }, "css": [ "css", "scss" ], "html": [ "htm", "html", "vue" ] }
eslint
使用beauty美化代碼之后,一般地,代碼會符合eslint的校驗要求。但是,禁止函數圓括號之前有一個空格(space-before-function-paren)和文件末尾保留一行空行(eol-last)這兩個規則 ,在beauty中沒有對應的匹配規則。如果,這兩個要求不是非要遵守,可以在.eslintrc文件中,將其設置為0
'eol-last': 0, 'space-before-function-paren': 0
這樣,在編寫代碼時,不用考慮代碼格式。保存時,自動被美化,且符合eslint的校驗要求
重裝Node
在重裝Node后,會出現無法識別node的情況,報錯如下
無法將“node”項識別為 cmdlet、函數、腳本文件或可運行程序的名稱。請檢查名稱的拼寫,如果包括路徑,請確保路徑正確,然后再試一次。
解決辦法非常簡單,只要關閉所有的vscode窗口,重新打開即可
終端命令
如果在終端界面想要使用vscode打開代碼文件,而不是使用vim打開,則需要進行如何設置
運行VS code並打開命令面板( ⇧⌘P ),然后輸入 shell command
找到: Install ‘code' command in PATH
就可以了
BS 字符的bug
使用 vscode 編輯 markdown 文件時,輸入中文時使用退格鍵時,有時會出現最開始輸入的字母刪除不掉的情況,比如連續輸入三個sss時,刪除最左側的s時,連續刪除兩次才刪掉
其實,字母並沒有刪掉,而是變成了 bs 控制字符。默認是看不到的,到 github 中會被渲染成 � 字符
這時,需要讓 vscode 顯示控制字符
//控制編輯器是否應呈現控制字符
"editor.renderControlCharacters": true
然后,把 markdown 文件中的全部的控制字符刪除即可
open in browser
format on Save
取消保存文件時自動格式化,取消 format on save 即可