@brianmingus2 see if this helps you
https://code.visualstudio.com/docs/editor/userdefinedsnippets#_assign-keybindings-to-snippets
You try 3rd parties Extensions though.
@arunkumar413 for web app debugging, install any of these extension:
- https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-edge (if you have new chromium based edge, almost same as running chrome)
- https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome (if you have chrome)
Click on run button on side bar (triangle with bug icon)
create launch configuration, it will automatically create based on debugger extension you installed."version": "0.2.0",
"configurations": [{
"type": "chrome",
"request": "launch",
"name": "Launch Chrome against localhost",
"url": "http://localhost:8080",
"webRoot": "${workspaceFolder}"
},
{
"name": "Launch Edge",
"request": "launch",
"type": "pwa-msedge",
"url": "http://localhost:4200",
"webRoot": "${workspaceFolder}",
"sourceMaps": true,
"skipFiles": [
"${workspaceFolder}/node_modules/**/*.js",
"${workspaceFolder}/node_modules/**/*.es6.js",
"${workspaceFolder}/node_modules/",
"<node_internals>/**/*.js",
"${workspaceFolder}/lib/**/*.js",
}
]
}
then run you web app as you usually do.
select the debugger and then launch to open a debug session.
@arunkumar413 for web app debugging, install any of these extension:
- https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-edge (if you have new chromium based edge, almost same as running chrome)
- https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome (if you have chrome)
Click on run button on side bar (triangle with bug icon)
create launch configuration, it will automatically create based on debugger extension you installed."version": "0.2.0", "configurations": [{ "type": "chrome", "request": "launch", "name": "Launch Chrome against localhost", "url": "http://localhost:8080", "webRoot": "${workspaceFolder}" }, { "name": "Launch Edge", "request": "launch", "type": "pwa-msedge", "url": "http://localhost:4200", "webRoot": "${workspaceFolder}", "sourceMaps": true, "skipFiles": [ "${workspaceFolder}/node_modules/**/*.js", "${workspaceFolder}/node_modules/**/*.es6.js", "${workspaceFolder}/node_modules/", "<node_internals>/**/*.js", "${workspaceFolder}/lib/**/*.js", } ] }then run you web app as you usually do.
select the debugger and then launch to open a debug session.
Does this also debug the server side code?
Is there a configuration for Firefox developer edition?
https://marketplace.visualstudio.com/items?itemName=firefox-devtools.vscode-firefox-debug
Does this also debug the server side code?
do you mean, node/express ?
Yes, but that you have to run server code in vscode also.
https://code.visualstudio.com/docs/nodejs/nodejs-debugging
@Gers2017
I don't think they provide an API (maybe), but you can have a look at code of this extension.
https://github.com/webstp/extension-manager
In this, the extension is reading a list, then downloading them and triggering install i.e. what one will do to manual download and install, extension code is doing for them.
BuZZ-dEE @room Gitter channels now are native Matrix rooms, so please join VSCode at #Microsoft_vscode:gitter.im
also if not, create one new angular project and check that if its happening for your project or all project
Ok
3 replies
I would like to have those for typescript as well, but cannot find a setting for it. Is that possible/supported or does some extension exist? Thanks in advance.