Visual Studio Code(VSCode)

launch.json

小知识：如果vscode没有打开任何一个folder，状态栏颜色就是紫色。

创建于.vscode目录下，用于配置debug。

启动debug的配置在configurations属性下，它是一个数组，可以配置多个debug。

配置示例：

"configurations": [
	{
		"name": "Run Extension",
		"type": "extensionHost",
		"request": "launch",
		"args": [
			"--extensionDevelopmentPath=${workspaceFolder}"
		],
		"outFiles": [
			"${workspaceFolder}/dist/**/*.js"
		],
		"preLaunchTask": "${defaultBuildTask}"
	},
	{
		"name": "Extension Tests",
		"type": "extensionHost",
		"request": "launch",
		"args": [
			"--extensionDevelopmentPath=${workspaceFolder}",
			"--extensionTestsPath=${workspaceFolder}/out/test/suite/index"
		],
		"outFiles": [
			"${workspaceFolder}/out/test/**/*.js"
		],
		"preLaunchTask": "npm: test-watch"
	}
]

preLaunchTask配置task.json中的任务，可以在运行debug之前执行。

task.json

用于配置task，任务中可以配置执行script。 ctrl+shift+B可以选择task.json中配置的任务。

配置示例：

"tasks": [
	{
		"type": "npm",
		"script": "compile",
		"problemMatcher": [
			"$ts-webpack-watch",
			"$tslint-webpack-watch"
		],
		"isBackground": true,
		"presentation": {
			"reveal": "always"
		},
		"group": {
			"kind": "build",
			"isDefault": true
		}
	},
	{
		"type": "npm",
		"script": "test-watch",
		"problemMatcher": "$tsc-watch",
		"isBackground": true,
		"presentation": {
			"reveal": "never"
		},
		"group": "build"
	}
]

script属性填写package.json中的script命令。

插件

1. Vetur

开发vue需要安装

2. language-stylus

快捷键

参考地址

常用快捷键-知乎 (opens new window)

21 个VSCode 快捷键-掘金 (opens new window)

重新打开关闭的页面

与浏览器同一个快捷键

ctrl + shift + t

删除当前行

ctrl+shift+k

复制当前行

shift+alt+↑/↓

最近打开的文件和搜索文件名

ctrl+p

执行命令

ctrl+shift+p

修改文件名或变量

F2

跳转到下一行首

ctrl+enter

切换到debug窗口

ctrl+shift+D

切换到Explorer窗口

ctrl+shift+E

IDE配置

配置打开或编辑文件时explorer是否跳转到其位置

在setting中搜索Reveal If Open，勾选则打开或编辑一个文件，explorer的光标跳转到其文件树位置上。