Debugging Ext JS in VS Code

Debugging Ext JS in VSCode
This video covers debugging Ext JS with VSCode.

VSCode Launchers
These launchers can be used to launch the webpack dev server and chrome browser for debugging Ext JS.

	{
	"version": "0.2.0",
	"configurations": [
	{
	"type": "node",
	"request": "launch",
	"name": "Debug App",
	// https://github.com/webpack/docs/wiki/webpack-dev-server
	"program": "${workspaceFolder}/node_modules/webpack-dev-server/bin/webpack-dev-server.js",
	"args": [
	"--env.browser=false",
	"--env.environment=development",
	"--env.verbose=no",
	"--hot",
	"--inline",
	"--client-log-level=info",
	"--config",
	"webpack.config.js"
	],
	"env": {
	"environment": "development"
	},
	"autoAttachChildProcesses": true
	},
	{
	"type": "chrome",
	"request": "launch",
	"name": "Launch Chrome",
	"url": "http://localhost:1962",
	"webRoot": "${workspaceFolder}",
	}
	]
	}

view raw launch.json hosted with ❤ by GitHub