You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: content/setup/support/vsCode.md
+6-8Lines changed: 6 additions & 8 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -18,9 +18,8 @@ You can install VSCode from their site: [https://code.visualstudio.com/](https:/
18
18
19
19
Once installed, a few plugins will help you have the best experience. You can search for them in the extension tab (Ctrl+Shift+d):
20
20
21
-
1.[Debugger for Chrome](https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome) as well as the chrome browser
22
-
2.[Shader languages support for VSCode](https://marketplace.visualstudio.com/items?itemName=slevesque.shader) for syntax highlighting and autocompletion in glsl shader
23
-
3.[Babylon.js file viewer](https://marketplace.visualstudio.com/items?itemName=julianchen.babylon-js-viewer) can be used to display the content of a .babylon file directly in VSCode. It can be useful if you want to quickly check if your artist did a good job with an object and their names :)
21
+
1.[Shader languages support for VSCode](https://marketplace.visualstudio.com/items?itemName=slevesque.shader) for syntax highlighting and autocompletion in GLSL shaders
22
+
2.[Babylon.js file viewer](https://marketplace.visualstudio.com/items?itemName=julianchen.babylon-js-viewer) can be used to display the content of a .babylon file directly in VSCode. It can be useful if you want to quickly check if your artist did a good job with an object and their names :)
24
23
25
24
## Keybindings setup
26
25
@@ -46,11 +45,10 @@ This will make the main commands quicker to access. Do not hesitate to adapt the
46
45
47
46
## Debugging code
48
47
49
-
Also, in VSCode there is a `Debug` tab on the menu. To use it with Babylon.js you need to install an extension, find out more from [Debugger for Chrome](https://code.visualstudio.com/blogs/2016/02/23/introducing-chrome-debugger-for-vs-code).
48
+
Also, in VSCode there is a `Run and Debug` tab on the left pane. Select project to launch and press `Start Debugging` (F5) button.
50
49
51
-
With the test task running from the VSCode debug tab, chose the section you want to debug and launch the debugger.
52
-

50
+
With the test task running from the VSCode debug tab, choose the section you want to debug and launch the debugger.
53
51
54
-
Debug session will debug all the Typescript and JavaScript in Chrome and stop on your breakpoints set up in files in VSCode. It debugs all the code from src, materialsLibrary, proceduralTexturesLibrary, postprocessLibrary, etc.
52
+
The debug session will debug all the TypeScript and JavaScript in Chrome and stop on your breakpoints set up in files in VSCode. It debugs all the code from src, materialsLibrary, proceduralTexturesLibrary, postprocessLibrary, etc.
55
53
56
-
_Hint_: If another chrome session is already running on remote debug on port 9222 the debugger will fail to attach as the port is already open. You will have to close the other remote debug first.
54
+
_Hint_: If another Chrome session is already running with remote debugging on port 9222, the debugger will fail to attach as the port is already open. You will have to close the other remote debug first.
0 commit comments