脚本宝典收集整理的这篇文章主要介绍了VSCode安装与配置,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
在vscode官网下载版本安装。
打开文件->首选项->设置,就会进入到 settings.json 文件中,在左侧是VSCode默认的配置,在窗口右侧可以进行一系列的配置。以下是我的自定义配置
{
"workbench.colorTheme": "Monokai",
"workbench.iconTheme": "vscode-icons",
//用于在Vue中体验Emmet
"emmet.syntaxProfiles": {
"vue-html": "html",
"vue": "html"
},
//配置Eslint
"eslint.validate": [
"javascript",
"javascriptreact",
"html",
"vue"
],
//设置字体大小
"editor.fontSize": 18,
"editor.tabSize": 2,
"files.associations": {
"*.vue": "vue"
},
//Vetur默认使用 eslint-plugin-vue来检测 <template>,关闭该检测
"vetur.validation.template": false,
"files.exclude": {
"**/.git": true,
"**/.svn": true,
"**/.hg": true,
"**/CVS": true,
"**/.DS_Store": true,
"**/.vscode": true,
"**/.idea": true
},
//配置可以格式化的文件
"beautify.language": {
"js": {
"type": [
"javascript",
"json"
],
"filename": [
".jshintrc",
".jsbeautify"
]
},
"css": [
"css",
"scss"
],
"html": [
"htm",
"html",
"vue"
]
}
}
打开文件->首选项->键盘快捷方式,点击keybindings.json修改快捷键(使用HookyQR.beautify的前提是安装了beautify):
[
{ "key": "ctrl+shift+f","command": "HookyQR.beautify","when": "editorTextFocus"},
{ "key": "ctrl+shift+/", "command": "editor.action.blockComment"}
]
打开文件->首选项->设置,配置
"eslint.validate": [
"javascript",
"javascriptreact",
"html",
"vue"
]
1.在vscode按下Shift + Alt + u快捷键,自动打开gist创建页面,在github页面上创建gist。
2.回到vscode,将创建后gist的key输入vscode的框中,回车。
3.创建成功可看到以下画面,记录下gist ID。
4.再按Shift + Alt + u快捷键就是同步数据。
1.Shift + Alt + D打开输入框,输入gist ID。
2.配置同步成功可看到以下画面。
将vscode更新至最新版1.31.1版本后,界面默认显示英文,默认的用户设置配置文件找不到。
以上是脚本宝典为你收集整理的VSCode安装与配置全部内容,希望文章能够帮你解决VSCode安装与配置所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。