vscode常用設置

前面的話

　　本文是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視窗，重新打開即可