{"id":20492,"date":"2024-03-15T20:33:31","date_gmt":"2024-03-15T20:33:31","guid":{"rendered":"https:\/\/www.silicloud.com\/blog\/i-dont-know-how-to-set-up-debugging-in-vscode\/"},"modified":"2024-03-21T18:13:15","modified_gmt":"2024-03-21T18:13:15","slug":"i-dont-know-how-to-set-up-debugging-in-vscode","status":"publish","type":"post","link":"https:\/\/www.silicloud.com\/blog\/i-dont-know-how-to-set-up-debugging-in-vscode\/","title":{"rendered":"I don&#8217;t know how to set up debugging in VSCode."},"content":{"rendered":"<p>To debug using VSCode, the first step is to create a debug configuration file in the project. Here are some common configuration options:<\/p>\n<ol>\n<li>Open VSCode and navigate to the project folder.<\/li>\n<li>Click the debug button in the sidebar of VSCode (or press the F5 key).<\/li>\n<li>Click the &#8220;Create a launch.json file&#8221; button (or select &#8220;Create a launch.json file&#8221; at the top of the debug panel).<\/li>\n<li>Select the environment you want to debug, such as Node.js, Chrome, etc.<\/li>\n<li>Depending on the selected environment, VSCode will create a basic launch.json file for you, which you can modify as needed.<\/li>\n<\/ol>\n<p>Here is an example configuration for debugging with Node.js.<\/p>\n<pre class=\"post-pre\"><code><span class=\"hljs-punctuation\">{<\/span>\r\n    <span class=\"hljs-attr\">\"version\"<\/span><span class=\"hljs-punctuation\">:<\/span> <span class=\"hljs-string\">\"0.2.0\"<\/span><span class=\"hljs-punctuation\">,<\/span>\r\n    <span class=\"hljs-attr\">\"configurations\"<\/span><span class=\"hljs-punctuation\">:<\/span> <span class=\"hljs-punctuation\">[<\/span>\r\n        <span class=\"hljs-punctuation\">{<\/span>\r\n            <span class=\"hljs-attr\">\"type\"<\/span><span class=\"hljs-punctuation\">:<\/span> <span class=\"hljs-string\">\"node\"<\/span><span class=\"hljs-punctuation\">,<\/span>\r\n            <span class=\"hljs-attr\">\"request\"<\/span><span class=\"hljs-punctuation\">:<\/span> <span class=\"hljs-string\">\"launch\"<\/span><span class=\"hljs-punctuation\">,<\/span>\r\n            <span class=\"hljs-attr\">\"name\"<\/span><span class=\"hljs-punctuation\">:<\/span> <span class=\"hljs-string\">\"Launch Program\"<\/span><span class=\"hljs-punctuation\">,<\/span>\r\n            <span class=\"hljs-attr\">\"program\"<\/span><span class=\"hljs-punctuation\">:<\/span> <span class=\"hljs-string\">\"${workspaceFolder}\/index.js\"<\/span>\r\n        <span class=\"hljs-punctuation\">}<\/span>\r\n    <span class=\"hljs-punctuation\">]<\/span>\r\n<span class=\"hljs-punctuation\">}<\/span>\r\n<\/code><\/pre>\n<p>In this configuration file, we used the Node.js environment and set the debug entry file to be the index.js file located in the root directory of the project.<\/p>\n<p>Once the configuration is done, you can start debugging. Just set breakpoints in your code and then click the debug button in VSCode to start the debugging session.<\/p>\n<p>Please note, this is just a simple example configuration file. You can create more complex configurations based on your project and needs. If you are using other environments like Python or Java, you can find corresponding configuration examples in the VSCode documentation.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>To debug using VSCode, the first step is to create a debug configuration file in the project. Here are some common configuration options: Open VSCode and navigate to the project folder. Click the debug button in the sidebar of VSCode (or press the F5 key). Click the &#8220;Create a launch.json file&#8221; button (or select &#8220;Create [&hellip;]<\/p>\n","protected":false},"author":14,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_import_markdown_pro_load_document_selector":0,"_import_markdown_pro_submit_text_textarea":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-20492","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v21.5 (Yoast SEO v21.5) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>I don&#039;t know how to set up debugging in VSCode. - Blog - Silicon Cloud<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.silicloud.com\/blog\/i-dont-know-how-to-set-up-debugging-in-vscode\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"I don&#039;t know how to set up debugging in VSCode.\" \/>\n<meta property=\"og:description\" content=\"To debug using VSCode, the first step is to create a debug configuration file in the project. Here are some common configuration options: Open VSCode and navigate to the project folder. Click the debug button in the sidebar of VSCode (or press the F5 key). Click the &#8220;Create a launch.json file&#8221; button (or select &#8220;Create [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.silicloud.com\/blog\/i-dont-know-how-to-set-up-debugging-in-vscode\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog - Silicon Cloud\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/SiliCloudGlobal\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-15T20:33:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-21T18:13:15+00:00\" \/>\n<meta name=\"author\" content=\"Noah Thompson\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@SiliCloudGlobal\" \/>\n<meta name=\"twitter:site\" content=\"@SiliCloudGlobal\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Noah Thompson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/i-dont-know-how-to-set-up-debugging-in-vscode\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/i-dont-know-how-to-set-up-debugging-in-vscode\/\"},\"author\":{\"name\":\"Noah Thompson\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/2e83cc6ab9f60d36921c2d0f9f280f4a\"},\"headline\":\"I don&#8217;t know how to set up debugging in VSCode.\",\"datePublished\":\"2024-03-15T20:33:31+00:00\",\"dateModified\":\"2024-03-21T18:13:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/i-dont-know-how-to-set-up-debugging-in-vscode\/\"},\"wordCount\":222,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#organization\"},\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/i-dont-know-how-to-set-up-debugging-in-vscode\/\",\"url\":\"https:\/\/www.silicloud.com\/blog\/i-dont-know-how-to-set-up-debugging-in-vscode\/\",\"name\":\"I don't know how to set up debugging in VSCode. - Blog - Silicon Cloud\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#website\"},\"datePublished\":\"2024-03-15T20:33:31+00:00\",\"dateModified\":\"2024-03-21T18:13:15+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/i-dont-know-how-to-set-up-debugging-in-vscode\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.silicloud.com\/blog\/i-dont-know-how-to-set-up-debugging-in-vscode\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/i-dont-know-how-to-set-up-debugging-in-vscode\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.silicloud.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"I don&#8217;t know how to set up debugging in VSCode.\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#website\",\"url\":\"https:\/\/www.silicloud.com\/blog\/\",\"name\":\"Silicon Cloud Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#organization\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#organization\",\"name\":\"Silicon Cloud Blog\",\"url\":\"https:\/\/www.silicloud.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png\",\"contentUrl\":\"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png\",\"width\":1024,\"height\":1024,\"caption\":\"Silicon Cloud Blog\"},\"image\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/SiliCloudGlobal\/\",\"https:\/\/twitter.com\/SiliCloudGlobal\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/2e83cc6ab9f60d36921c2d0f9f280f4a\",\"name\":\"Noah Thompson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/350e537e1530ede2762ee0237e877d6693f4f7163ab4f303202cc9a6b27b6cb4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/350e537e1530ede2762ee0237e877d6693f4f7163ab4f303202cc9a6b27b6cb4?s=96&d=mm&r=g\",\"caption\":\"Noah Thompson\"},\"url\":\"https:\/\/www.silicloud.com\/blog\/author\/noahthompson\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"I don't know how to set up debugging in VSCode. - Blog - Silicon Cloud","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.silicloud.com\/blog\/i-dont-know-how-to-set-up-debugging-in-vscode\/","og_locale":"en_US","og_type":"article","og_title":"I don't know how to set up debugging in VSCode.","og_description":"To debug using VSCode, the first step is to create a debug configuration file in the project. Here are some common configuration options: Open VSCode and navigate to the project folder. Click the debug button in the sidebar of VSCode (or press the F5 key). Click the &#8220;Create a launch.json file&#8221; button (or select &#8220;Create [&hellip;]","og_url":"https:\/\/www.silicloud.com\/blog\/i-dont-know-how-to-set-up-debugging-in-vscode\/","og_site_name":"Blog - Silicon Cloud","article_publisher":"https:\/\/www.facebook.com\/SiliCloudGlobal\/","article_published_time":"2024-03-15T20:33:31+00:00","article_modified_time":"2024-03-21T18:13:15+00:00","author":"Noah Thompson","twitter_card":"summary_large_image","twitter_creator":"@SiliCloudGlobal","twitter_site":"@SiliCloudGlobal","twitter_misc":{"Written by":"Noah Thompson","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.silicloud.com\/blog\/i-dont-know-how-to-set-up-debugging-in-vscode\/#article","isPartOf":{"@id":"https:\/\/www.silicloud.com\/blog\/i-dont-know-how-to-set-up-debugging-in-vscode\/"},"author":{"name":"Noah Thompson","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/2e83cc6ab9f60d36921c2d0f9f280f4a"},"headline":"I don&#8217;t know how to set up debugging in VSCode.","datePublished":"2024-03-15T20:33:31+00:00","dateModified":"2024-03-21T18:13:15+00:00","mainEntityOfPage":{"@id":"https:\/\/www.silicloud.com\/blog\/i-dont-know-how-to-set-up-debugging-in-vscode\/"},"wordCount":222,"commentCount":0,"publisher":{"@id":"https:\/\/www.silicloud.com\/blog\/#organization"},"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.silicloud.com\/blog\/i-dont-know-how-to-set-up-debugging-in-vscode\/","url":"https:\/\/www.silicloud.com\/blog\/i-dont-know-how-to-set-up-debugging-in-vscode\/","name":"I don't know how to set up debugging in VSCode. - Blog - Silicon Cloud","isPartOf":{"@id":"https:\/\/www.silicloud.com\/blog\/#website"},"datePublished":"2024-03-15T20:33:31+00:00","dateModified":"2024-03-21T18:13:15+00:00","breadcrumb":{"@id":"https:\/\/www.silicloud.com\/blog\/i-dont-know-how-to-set-up-debugging-in-vscode\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.silicloud.com\/blog\/i-dont-know-how-to-set-up-debugging-in-vscode\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.silicloud.com\/blog\/i-dont-know-how-to-set-up-debugging-in-vscode\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.silicloud.com\/blog\/"},{"@type":"ListItem","position":2,"name":"I don&#8217;t know how to set up debugging in VSCode."}]},{"@type":"WebSite","@id":"https:\/\/www.silicloud.com\/blog\/#website","url":"https:\/\/www.silicloud.com\/blog\/","name":"Silicon Cloud Blog","description":"","publisher":{"@id":"https:\/\/www.silicloud.com\/blog\/#organization"},"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.silicloud.com\/blog\/#organization","name":"Silicon Cloud Blog","url":"https:\/\/www.silicloud.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png","contentUrl":"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png","width":1024,"height":1024,"caption":"Silicon Cloud Blog"},"image":{"@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/SiliCloudGlobal\/","https:\/\/twitter.com\/SiliCloudGlobal"]},{"@type":"Person","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/2e83cc6ab9f60d36921c2d0f9f280f4a","name":"Noah Thompson","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/350e537e1530ede2762ee0237e877d6693f4f7163ab4f303202cc9a6b27b6cb4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/350e537e1530ede2762ee0237e877d6693f4f7163ab4f303202cc9a6b27b6cb4?s=96&d=mm&r=g","caption":"Noah Thompson"},"url":"https:\/\/www.silicloud.com\/blog\/author\/noahthompson\/"}]}},"_links":{"self":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/20492","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/comments?post=20492"}],"version-history":[{"count":1,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/20492\/revisions"}],"predecessor-version":[{"id":54294,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/20492\/revisions\/54294"}],"wp:attachment":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/media?parent=20492"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/categories?post=20492"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/tags?post=20492"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}