vscode打开多标签设置
问题描述：vscode安装成功后，打开新的标签页，总会替换掉之前打开的标签页。
解决方法：在settings.json总添加一条配置
找到vscode安装路径中的~/Code/User/settings.json文件，将上述配置添加到文件中。
Mac系统：打开vscode，快捷键command+shift+p，输入settings.json回车，选中下列第一条，就可以插入配置语句了。
win系统：打开安装目录中的xxxx\AppData\Roaming\Code\User\settings.json文件，插入配置语句就可以了。
vue VSCode 开发设置（html自动补全、eslint保存时格式化、vetur 格式化html）
File - Preference - Setting -搜索setting.json - Edit in settings.json
settings.json
方法1：File - Preference - Setting -搜索setting.json - Edit in settings.json
settings.json
Setting.json
方法2：File - Preference - 搜索框输入：files.autoSave
之后能看到 files.autoSave 的可选项有
off : 关闭自动保存（默认）
afterDelay: 延迟xx时间后保存，可在 "files.autoSaveDelay" 中配置延迟时间；
onFocusChange: 编辑器失去焦点时自动保存；
onWindowChange: 窗口失去焦点时(编辑器窗口的切换，桌面窗口的切换)自动保存；
安装 ESLint
vscode 中安装 ESLint 插件
然后配置 vscode 的 setting.json
File - Preference - User Snippers
vue.json文件，然后添加下面模板
然后新建.vue文件 ，写下vue然后Tap键就能生成什么的模板。
如果没有生成模板只是多了个空格或者生成的是vue标签的话，我们还得设置一下，打开settings.json，添加下面的设置
如果你的Setting.json文件有 "files.associations" 设置的话，请删除，因为他会和上面 emmet.syntaxProfiles 冲突。
files.associations 和 emmet.syntaxProfiles 都是设置html 标签的补全，如果是要用.vue模板补全功能的话，html标签补全我们就用 emmet.syntaxProfiles 来设置。
vue 的开发中 vscode 可装用于开发规范的插件有
Prettier ：规范js
ESLint: 规范js
Vuter: 规范 .vue 文件中 template
stylus: 规范 stylus
注意：以下配置是基于接下来介绍的插件设置的，如果没有安装插件是不会生效的。
或者：
其中：
4.如果使用了stylus，那么vscode安装stylus插件，进行设置，不适用冒号双引号大括号
根目录下创建eslint规则文件 .eslintrc.js
（下面browsers 多了s 正确的为 browser ）
delve基础用法及在vscode中的使用
delve 是go语言的调试器，delve的目标是为go提供一个简洁、功能齐全的debug工具，delve易于调用和使用。
为了能够编译delve，需要安装Go 1.10或更高版本
安装好go后，直接go get即可安装，更多安装教程见：
go get github.com/go-delve/delve/cmd/dlv
安装好后，在终端执行dlv或者dlv help 会看到dlv的帮助信息，则说明安装成功
dlv常用命令
delve的目标是成为一个简洁而强大的工具。但如果你不习惯在编译语言中使用源码调试，则可能令人困惑。本文档将提供开始调试go程序所需的全部信息。
调试例子程序如下
├── go.mod
├── go.sum
├── main.go
├── test
└── utils
├── util.go
└── util_test.go
调试程序主要有三个文件，main.go、util.go、util_test.go，内容如下，比较简单，go包管理工具使用的是go module，模块名为test
在vscode debug 的设置中配置launch.json文件
mode 设置为debug时，program的内容${fileDirname}即可，mode 设置为exec时，program的值为二进制文件的路径，通过设置mode的值，即可调试源码和二进制程序（也需要有源码）。mode模式为auto时，测试了下，vscode 并不能通过program的内容来判断是debug还是exec
远程调试时，需要在远程也有源码、二进制包和dlv工具
在远端执行dlv命令
dlv debug --headless --listen=:8989 --api-version=2 --accept-multiclient #用degbug方式启动远程应用程序
dlv exec --headless --listen=:8989 ./test --api-version=2 --accept-multiclient # exec执行当前目录下的test二进制文件
--listen：指定调试端口
--api-version：指定api版本，默认是1
--accept-multiclient：接受多个client调试
在vscode中线下好源码，和远端的源码结构一致。launch.json配置如下：
在vscode中打好断点后，就可以进行远程调试了
vscode使用教程是？
vscode使用教程：
安装：
安装的东西没什么好说的，自行下载安装吧，伙计。
配置：
用户配置：
vscode的用户配置分3个级别，分别是默认配置、全局配置和工作区配置，优先级也依次递增。对于团队项目，一些规范可以通过项目目录下建一个.vscode/setting.json文件进行配置。
快捷键绑定：
参考官方文档，文档中列出了所有指令对应的快捷键。快捷键我只修改了两个与系统软件冲突的。
代码片段：
这个功能很像webstorm的live template的功能，虽然提示的时候没有webstorm那么精准和顺手，不过总的来说，够用。
设置语法遵循TextMate代码片段语法，你可以通过安装别人写好的snippet插件，如果别人写的snippet你用得不爽，那么自己写也简单。
之前使用这个代码片段有个痛点就是只能用方向键上下选择提示，如果能使用ctrl+n/p上下选择的话就更舒服了，没想到现在已经支持了。
另外，有没有人知道怎么设置代码提示内容，比如输入result提示了XPathResult是什么鬼。
插件：
4个月前刚知道vscode的时候，那时感觉插件还没有那么多，现在重新看了一下，真是应有尽有。牛逼啊！
这里介绍几个我用过觉得不错的插件
用户配置同步 Visual Studio Code Settings Sync。Git 历史 Git History。
文件图标 vscode-icons。缩进辅助线 Guides。
Visual Studio Code（以下简称vscode）是一个轻量且强大的代码编辑器，支持Windows，OS X和Linux。
内置JavaScript、TypeScript和Node.js支持，而且拥有丰富的插件生态系统，可通过安装插件来支持C++、C#、Python、PHP等其他语言。
vscode 用户配置 是哪个文件
在用户目录的Appdata\Roaming\Code\User文件夹中一个名为“settings”的json文件。解决方法如下：
1、首先在电脑桌面中找到并点击vscode。
2、打开界面如下图，然后在界面中找到并进入任务选项。
3、接着点击打开任务选项，然后在任务下拉菜单中，找到并打开-配置任务按钮。
4、点击配置任务后会弹出一个对话框，在这个弹出框中点击build。
5、也可以具体输入自己要创建的任务。最后可以看到任务代码生成，然后修改即可。
vscode的setting.json的配置
setting. json是什么：相当于是你对vscode的一些定制化内容。就比如可能编译器默认的是4个空格为一个tab，但是你可以设置为2个空格为一个tab
对vscode有什么用：当你把这个文件放到安装目录下之后，vscode就会自动识别这个文件。这个就可以让你快速把一个全新的vscode设置成自己之前已经设置过的样子。
vscode工具里的设置：
上面两张图表示：在settings的Workspace里设置Tab Size设置为2，对应的.vscode/settings.json里自动添加了一行配置"editor.tabSize": 2，
但是如果Tab Size设置的是4，因为4是默认设置，所以并不会在.vscode/settings.json添加一行"editor.tabSize": 4，的配置
如果你有好几个项目，不同的项目需要不同的配置，这样你就可以在每一个项目根路径添加一个 .vscode/setting.json 文件来保存对当前工作区的配置。默认打开的设置界面配置的是全局设置，对每个工作区都会起作用，不过工作区的配置会覆盖全局配置，优先级更高。
