当前位置:Gxlcms > JavaScript > vscode的常用设置

vscode的常用设置

时间:2021-07-01 10:21:17 帮助过:36人阅读

关于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的代码,以及保存时自动美化代码,则需要进行如下设置

  文件>首选项>设置, 进行下面两项设置

"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的校验要求

相信看了这些案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

相关阅读:

JS如何实现自定义鼠标右击菜单

JavaScript的BOM

js || &&详解

image与view标签上下有空隙的解决方法

以上就是vscode的常用设置的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行