前言：
之前用过一个编辑器bracket，它有一个GUI插件直接在浏览器中打卡当前文件，很是不错。但是在文件管理和terminal的使用上觉得还是vscode更赞，所以利用了vscode的task把这个功能给移植过去。以下记录用于备忘。
过程
配置task文件
- ⌘+⇧+p 打开vs的控制台
- 搜索configure task命令
- 替换初始的
task.json为以下文件
{
// See https://go.microsoft.com/fwlink/?LinkId=733558
// for the documentation about the tasks.json format
"version": "2.0.0",
"tasks":[
{
"label": "browser",
"osx": {
"command": "/Applications/Google Chrome.app
/Contents/MacOS/Google Chrome"
},
"args": ["${file}"],
}
]
}
说明:
- label 属性用于标记这个task，相当于task的标记（抛弃的taskName的替代），后面会用于配置快捷键；
- osx说明该对象内的命令式osx系统下的，可以根据对应平台设置成linux或windows下的命令；
- args中的${file}指示的就是当前文件。
给task配置快捷键
打开菜单栏的code>preferences>keyboard shortcuts（快捷键⌘K ⌘S）
打开advanced 配置文件keybindings.json，配置文件如下：
// Place your key bindings in this file to overwrite the defaults
[
{
"key": "ctrl+shift+b",
"command": "workbench.action.tasks.runTask",
"args": "browser"
}
]
说明：
- args的值就是task配置文件中对应task的label值；
- command的值的调用方式可以深入探讨。
结果
这样在一个.htm[l]文件中，就可以用快捷键ctrl+shift+b来预览了。
