To configure so that you can run your program without any commands in Visual Code, then you simply need a launch.json file.<\/p>\n\n\n\n
Start by creating a folder inside your workspace named .vscode<\/strong>. You can create a workspace by selecting Save Workspace As…<\/strong> in Visual Code under File in the top left corner if you don’t have one already.<\/p>\n\n\n\n Then let’s create a file called launch.json inside .vscode. These configurations will pop up under Run and Debug<\/strong>. This is how my launch.json <\/strong>looks like:<\/p>\n\n\n Inside my client app package.json<\/strong>:<\/p>\n\n\n In this case, I got one Frontend application I can run, and one for backend. The front end one is of the type node-terminal, meaning, it can launch node type applications like npm. The important property here is that we have command<\/strong>, which will launch the command npm run dev<\/strong>. This script can be seen from the client package.json above this text. Then the cwd<\/strong>, the path<\/strong>, is specified to the client folder inside the workspace folder where my app is.<\/p>\n\n\n\n The other possible run application is named Backend, and is of the type of Go, where it will launch the program because of the request launch<\/strong> value. Program <\/strong>defined where the program is located.<\/p>\n","protected":false},"excerpt":{"rendered":" To configure so that you can run your program without any commands in Visual Code, then you simply need a launch.json file. Start by creating a folder inside your workspace named .vscode. You can create a workspace by selecting Save Workspace As… in Visual Code under File in the top left corner if you don’t … <\/p>\n\n{\n \/\/ Use IntelliSense to learn about possible attributes.\n \/\/ Hover to view descriptions of existing attributes.\n \/\/ For more information, visit: https:\/\/go.microsoft.com\/fwlink\/?linkid=830387\n "version": "0.2.0",\n "configurations": [\n {\n "command": "npm run dev",\n "name": "Front end",\n "request": "launch",\n "type": "node-terminal",\n "cwd": "${workspaceFolder}\/client",\n },\n {\n "name": "Backend",\n "type": "go",\n "request": "launch",\n "mode": "auto",\n "program": "${workspaceFolder}\/backend-server",\n "cwd": "${workspaceFolder}\/backend-server",\n "env": {},\n },\n ]\n}\n<\/pre><\/div>\n\n\n\n "scripts": {\n "dev": "vite",\n "build": "tsc && vite build",\n "preview": "vite preview"\n },\n<\/pre><\/div>\n\n\n