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

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

"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标签上下有空隙的解决方法