首頁 >web前端 >js教程 >vscode的常用設定

vscode的常用設定

php中世界最好的语言
php中世界最好的语言原創
2018-02-27 09:24:363325瀏覽

關於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.semiQuote": true

  2、"prettier.semiQuote": true

  2、"prettier.semiQuote": true

  2、"prettier.semiQuote": true

  2、"prettier.semiQuote": true  2、"prettier.semiQuote": true  2、"prettier.semiQuote": true

  2、」 ": false

beauty

  使用vscode,通常會使用beauty外掛程式來美化程式碼。如果,要美化.vue的程式碼,以及儲存時自動美化程式碼,則需要進行以下設定

  檔案>首選項>設定, 進行下列兩項設定

"editor.formatOnSave": true,
    "beautify.language": {
        "js": {
            "type": [
                "javascript",
                "json"
            ],
            "filename": [
                ".jshintrc",
                ".jsbeautify"
            ]
        },
        "css": [
            "css",
            "scss"
        ],
        "html": [
            "htm",
            "html",
            "vue"
        ]
    }

  使用beauty美化程式碼之後,一般地,程式碼會符合eslint的校驗要求。但是,禁止

函數圓括號之前有一個空格(space-before
-function-paren)和文件末尾保留一行空行(eol-last)這兩個規則,在beauty中沒有對應的符合規則。如果,這兩個要求不是要遵守,可以在.eslintrc文件中,將其設定為0

   'eol-last': 0,    'space-before-function-paren': 0
  這樣,在寫程式碼時,不用考慮程式碼格式。儲存時,自動被美化,且符合eslint的校驗要求

相信看了這些案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章! 相關閱讀:

JS如何實作自訂滑鼠右鍵選單

###JavaScript的BOM##### ##########js || &&詳解################image與view標籤上下有空隙的解決方法#########

以上是vscode的常用設定的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn