{"id":43,"date":"2024-07-30T06:49:20","date_gmt":"2024-07-30T06:49:20","guid":{"rendered":"https:\/\/libraryresources.nse.org.ng\/computersciencetwo\/chapter\/installing-and-configuring-vscode\/"},"modified":"2026-03-16T14:29:04","modified_gmt":"2026-03-16T14:29:04","slug":"installing-and-configuring-vscode","status":"publish","type":"chapter","link":"https:\/\/libraryresources.nse.org.ng\/computersciencetwo\/chapter\/installing-and-configuring-vscode\/","title":{"raw":"Installing and Configuring VSCode","rendered":"Installing and Configuring VSCode"},"content":{"raw":"<div class=\"installing-and-configuring-vscode\">\n<p class=\"import-Normal\"><a class=\"rId19\" href=\"https:\/\/boisestate.hosted.panopto.com\/Panopto\/Pages\/Viewer.aspx?id=4bea519f-9a04-4019-8b82-b11d016ad764\">Lecture: Installing VS Code<\/a><\/p>\n<p class=\"import-Normal\"><a class=\"rId20\" href=\"https:\/\/code.visualstudio.com\/docs\/languages\/java\">Download VSCode Coding Pack for Java<\/a> - visit this link to download the coding pack. You should see something like the following, a button that says \"Install the Coding Pack for Java\". Choose the one for your operating system.<\/p>\n<p class=\"import-Normal\"><img src=\"https:\/\/libraryresources.nse.org.ng\/wp-content\/uploads\/sites\/21\/2024\/07\/image26-1.png\" alt=\"image\" width=\"384px\" height=\"165.525459317585px\"><\/p>\n<p class=\"import-Normal\">After the installer downloads, run the installer. You should see the following screens.<\/p>\n<p class=\"import-Normal\">Choose to accept the user agreement and choose next.<\/p>\n<p class=\"import-Normal\"><img src=\"https:\/\/libraryresources.nse.org.ng\/wp-content\/uploads\/sites\/21\/2026\/03\/image80-2.png\" alt=\"image\" width=\"384px\" height=\"307.328818897638px\"><\/p>\n<p class=\"import-Normal\">What you see on the next screen depends on what you have installed. My computer did not have Visual Studio Code nor the Java Development Kit (JDK). You may already have one or both installed. Click Install to install any missing components.<\/p>\n<p class=\"import-Normal\"><img src=\"https:\/\/libraryresources.nse.org.ng\/wp-content\/uploads\/sites\/21\/2026\/03\/image34-1.png\" alt=\"image\" width=\"384px\" height=\"307.327769028871px\"><\/p>\n<p class=\"import-Normal\">If all goes well, it will tell you what it's installing and successfully complete. Click next and you should end up at the closing screen. You don't need to launch Visual Studio Code at this point; we'll configure that later. Uncheck the box (unless you want to run VS Code) and click Finish.<\/p>\n<p class=\"import-Normal\"><img src=\"https:\/\/libraryresources.nse.org.ng\/wp-content\/uploads\/sites\/21\/2026\/03\/image88-1.png\" alt=\"image\" width=\"384px\" height=\"307.692283464567px\"><\/p>\n<p class=\"import-Normal\">Done! VS Code is installed!<\/p>\n\n<h3><a id=\"_f40nregqg3ii\" href=\"\"><\/a>Install VS Code Manually (if the coding pack fails to download VS Code)<\/h3>\n<p class=\"import-Normal\">If all did not go well, you may see something like the following, where Visual Studio was unable to be installed. If this is the case, no worries!<\/p>\n<p class=\"import-Normal\">Click \"Install manually\" to open the downloads page. Then close the Coding Pack for Java installer. You'll rerun it after you're done installing VS Code.<\/p>\n<p class=\"import-Normal\"><img src=\"https:\/\/libraryresources.nse.org.ng\/wp-content\/uploads\/sites\/21\/2026\/03\/image40-1.png\" alt=\"image\" width=\"384px\" height=\"307.528923884514px\"><\/p>\n<p class=\"import-Normal\">Choose the download for your operating system.<\/p>\n<p class=\"import-Normal\"><img src=\"https:\/\/libraryresources.nse.org.ng\/wp-content\/uploads\/sites\/21\/2026\/03\/image60-1.png\" alt=\"image\" width=\"384px\" height=\"501.524304461942px\"><\/p>\n\n<h3><a id=\"_vy2pw3som5ee\" href=\"\"><\/a><em>Windows Manual Installation<\/em><\/h3>\n<p class=\"import-Normal\">Once it downloads, run the installer. Accept the agreement and click Next.<\/p>\n<p class=\"import-Normal\"><img src=\"https:\/\/libraryresources.nse.org.ng\/wp-content\/uploads\/sites\/21\/2026\/03\/image14-1.png\" alt=\"image\" width=\"384px\" height=\"289.950761154856px\"><\/p>\n<p class=\"import-Normal\">The default path is fine. Click Next.<\/p>\n<p class=\"import-Normal\"><img src=\"https:\/\/libraryresources.nse.org.ng\/wp-content\/uploads\/sites\/21\/2026\/03\/image67-1.png\" alt=\"image\" width=\"384px\" height=\"289.950761154856px\"><\/p>\n<p class=\"import-Normal\">Choose what you want to name the shortcuts in your Start Menu or click \"Don't create a Start Menu folder\" if you don't want the shortcut. Click Next.<\/p>\n<p class=\"import-Normal\"><img src=\"https:\/\/libraryresources.nse.org.ng\/wp-content\/uploads\/sites\/21\/2026\/03\/image33.png\" alt=\"image\" width=\"384px\" height=\"289.950761154856px\"><\/p>\n<p class=\"import-Normal\">Choose if you want to create a desktop icon or not. Check<\/p>\n<p class=\"import-Normal\" style=\"margin-left: 36pt;text-indent: 18pt\">Add \"Open with Code\" action to Windows Explorer file context menu<\/p>\n<p class=\"import-Normal\" style=\"margin-left: 72pt;text-indent: 18pt\">this will let you right click and open with VSCode from the file explorer<\/p>\n<p class=\"import-Normal\" style=\"margin-left: 36pt;text-indent: 18pt\">Register Code as an editor for supported file types<\/p>\n<p class=\"import-Normal\" style=\"margin-left: 72pt;text-indent: 18pt\">this will let VSCode open files like .java files<\/p>\n<p class=\"import-Normal\" style=\"margin-left: 36pt;text-indent: 18pt\">Add to PATH<\/p>\n<p class=\"import-Normal\" style=\"margin-left: 72pt;text-indent: 18pt\">this allows you to open VSCode from other applications on your computer<\/p>\n<p class=\"import-Normal\">Click Next.<\/p>\n<p class=\"import-Normal\"><img src=\"https:\/\/libraryresources.nse.org.ng\/wp-content\/uploads\/sites\/21\/2026\/03\/image45-1.png\" alt=\"image\" width=\"384px\" height=\"289.950761154856px\"><\/p>\n<p class=\"import-Normal\">Click Install.<\/p>\n<p class=\"import-Normal\"><img src=\"https:\/\/libraryresources.nse.org.ng\/wp-content\/uploads\/sites\/21\/2026\/03\/image25-1.png\" alt=\"image\" width=\"384px\" height=\"289.950761154856px\"><\/p>\n<p class=\"import-Normal\">If all goes well, it will install. Click next and you should end up at the closing screen. You don't need to launch Visual Studio Code at this point; we'll configure that later. Uncheck the box (unless you want to run VS Code) and click Finish.<\/p>\n<p class=\"import-Normal\"><img src=\"https:\/\/libraryresources.nse.org.ng\/wp-content\/uploads\/sites\/21\/2026\/03\/image111-1.png\" alt=\"image\" width=\"384px\" height=\"289.950761154856px\"><\/p>\n<p class=\"import-Normal\">Now go back and rerun the Coding Pack for Java installer to install the JDK.<\/p>\n\n<h3><\/h3>\n<h3><a id=\"_trqbog3y71t1\" href=\"\"><\/a><em>MacOS Manual Installation<\/em><\/h3>\n<p class=\"import-Normal\">Double click the zip file to extract the Application. You should see \"Visual Studio Code\" as an Application file.<\/p>\n<p class=\"import-Normal\"><img src=\"https:\/\/libraryresources.nse.org.ng\/wp-content\/uploads\/sites\/21\/2026\/03\/image125-1.png\" alt=\"image\" width=\"576px\" height=\"145.44px\"><\/p>\n<p class=\"import-Normal\">Move this file from your Downloads to your Application folder.<\/p>\n<p class=\"import-Normal\"><img src=\"https:\/\/libraryresources.nse.org.ng\/wp-content\/uploads\/sites\/21\/2026\/03\/image124-1.png\" alt=\"image\" width=\"620px\" height=\"308.779527559055px\"><\/p>\n<p class=\"import-Normal\">Done! Now go back and rerun the Coding Pack for Java installer to install the JDK.<\/p>\n<p class=\"import-Normal\"><\/p>\n\n<\/div>","rendered":"<div class=\"installing-and-configuring-vscode\">\n<p class=\"import-Normal\"><a class=\"rId19\" href=\"https:\/\/boisestate.hosted.panopto.com\/Panopto\/Pages\/Viewer.aspx?id=4bea519f-9a04-4019-8b82-b11d016ad764\">Lecture: Installing VS Code<\/a><\/p>\n<p class=\"import-Normal\"><a class=\"rId20\" href=\"https:\/\/code.visualstudio.com\/docs\/languages\/java\">Download VSCode Coding Pack for Java<\/a> &#8211; visit this link to download the coding pack. You should see something like the following, a button that says &#8220;Install the Coding Pack for Java&#8221;. Choose the one for your operating system.<\/p>\n<p class=\"import-Normal\"><img decoding=\"async\" src=\"https:\/\/libraryresources.nse.org.ng\/wp-content\/uploads\/sites\/21\/2024\/07\/image26-1.png\" alt=\"image\" width=\"384px\" height=\"165.525459317585px\" \/><\/p>\n<p class=\"import-Normal\">After the installer downloads, run the installer. You should see the following screens.<\/p>\n<p class=\"import-Normal\">Choose to accept the user agreement and choose next.<\/p>\n<p class=\"import-Normal\"><img decoding=\"async\" src=\"https:\/\/libraryresources.nse.org.ng\/wp-content\/uploads\/sites\/21\/2026\/03\/image80-2.png\" alt=\"image\" width=\"384px\" height=\"307.328818897638px\" \/><\/p>\n<p class=\"import-Normal\">What you see on the next screen depends on what you have installed. My computer did not have Visual Studio Code nor the Java Development Kit (JDK). You may already have one or both installed. Click Install to install any missing components.<\/p>\n<p class=\"import-Normal\"><img decoding=\"async\" src=\"https:\/\/libraryresources.nse.org.ng\/wp-content\/uploads\/sites\/21\/2026\/03\/image34-1.png\" alt=\"image\" width=\"384px\" height=\"307.327769028871px\" \/><\/p>\n<p class=\"import-Normal\">If all goes well, it will tell you what it&#8217;s installing and successfully complete. Click next and you should end up at the closing screen. You don&#8217;t need to launch Visual Studio Code at this point; we&#8217;ll configure that later. Uncheck the box (unless you want to run VS Code) and click Finish.<\/p>\n<p class=\"import-Normal\"><img decoding=\"async\" src=\"https:\/\/libraryresources.nse.org.ng\/wp-content\/uploads\/sites\/21\/2026\/03\/image88-1.png\" alt=\"image\" width=\"384px\" height=\"307.692283464567px\" \/><\/p>\n<p class=\"import-Normal\">Done! VS Code is installed!<\/p>\n<h3><a id=\"_f40nregqg3ii\" href=\"\"><\/a>Install VS Code Manually (if the coding pack fails to download VS Code)<\/h3>\n<p class=\"import-Normal\">If all did not go well, you may see something like the following, where Visual Studio was unable to be installed. If this is the case, no worries!<\/p>\n<p class=\"import-Normal\">Click &#8220;Install manually&#8221; to open the downloads page. Then close the Coding Pack for Java installer. You&#8217;ll rerun it after you&#8217;re done installing VS Code.<\/p>\n<p class=\"import-Normal\"><img decoding=\"async\" src=\"https:\/\/libraryresources.nse.org.ng\/wp-content\/uploads\/sites\/21\/2026\/03\/image40-1.png\" alt=\"image\" width=\"384px\" height=\"307.528923884514px\" \/><\/p>\n<p class=\"import-Normal\">Choose the download for your operating system.<\/p>\n<p class=\"import-Normal\"><img decoding=\"async\" src=\"https:\/\/libraryresources.nse.org.ng\/wp-content\/uploads\/sites\/21\/2026\/03\/image60-1.png\" alt=\"image\" width=\"384px\" height=\"501.524304461942px\" \/><\/p>\n<h3><a id=\"_vy2pw3som5ee\" href=\"\"><\/a><em>Windows Manual Installation<\/em><\/h3>\n<p class=\"import-Normal\">Once it downloads, run the installer. Accept the agreement and click Next.<\/p>\n<p class=\"import-Normal\"><img decoding=\"async\" src=\"https:\/\/libraryresources.nse.org.ng\/wp-content\/uploads\/sites\/21\/2026\/03\/image14-1.png\" alt=\"image\" width=\"384px\" height=\"289.950761154856px\" \/><\/p>\n<p class=\"import-Normal\">The default path is fine. Click Next.<\/p>\n<p class=\"import-Normal\"><img decoding=\"async\" src=\"https:\/\/libraryresources.nse.org.ng\/wp-content\/uploads\/sites\/21\/2026\/03\/image67-1.png\" alt=\"image\" width=\"384px\" height=\"289.950761154856px\" \/><\/p>\n<p class=\"import-Normal\">Choose what you want to name the shortcuts in your Start Menu or click &#8220;Don&#8217;t create a Start Menu folder&#8221; if you don&#8217;t want the shortcut. Click Next.<\/p>\n<p class=\"import-Normal\"><img decoding=\"async\" src=\"https:\/\/libraryresources.nse.org.ng\/wp-content\/uploads\/sites\/21\/2026\/03\/image33.png\" alt=\"image\" width=\"384px\" height=\"289.950761154856px\" \/><\/p>\n<p class=\"import-Normal\">Choose if you want to create a desktop icon or not. Check<\/p>\n<p class=\"import-Normal\" style=\"margin-left: 36pt;text-indent: 18pt\">Add &#8220;Open with Code&#8221; action to Windows Explorer file context menu<\/p>\n<p class=\"import-Normal\" style=\"margin-left: 72pt;text-indent: 18pt\">this will let you right click and open with VSCode from the file explorer<\/p>\n<p class=\"import-Normal\" style=\"margin-left: 36pt;text-indent: 18pt\">Register Code as an editor for supported file types<\/p>\n<p class=\"import-Normal\" style=\"margin-left: 72pt;text-indent: 18pt\">this will let VSCode open files like .java files<\/p>\n<p class=\"import-Normal\" style=\"margin-left: 36pt;text-indent: 18pt\">Add to PATH<\/p>\n<p class=\"import-Normal\" style=\"margin-left: 72pt;text-indent: 18pt\">this allows you to open VSCode from other applications on your computer<\/p>\n<p class=\"import-Normal\">Click Next.<\/p>\n<p class=\"import-Normal\"><img decoding=\"async\" src=\"https:\/\/libraryresources.nse.org.ng\/wp-content\/uploads\/sites\/21\/2026\/03\/image45-1.png\" alt=\"image\" width=\"384px\" height=\"289.950761154856px\" \/><\/p>\n<p class=\"import-Normal\">Click Install.<\/p>\n<p class=\"import-Normal\"><img decoding=\"async\" src=\"https:\/\/libraryresources.nse.org.ng\/wp-content\/uploads\/sites\/21\/2026\/03\/image25-1.png\" alt=\"image\" width=\"384px\" height=\"289.950761154856px\" \/><\/p>\n<p class=\"import-Normal\">If all goes well, it will install. Click next and you should end up at the closing screen. You don&#8217;t need to launch Visual Studio Code at this point; we&#8217;ll configure that later. Uncheck the box (unless you want to run VS Code) and click Finish.<\/p>\n<p class=\"import-Normal\"><img decoding=\"async\" src=\"https:\/\/libraryresources.nse.org.ng\/wp-content\/uploads\/sites\/21\/2026\/03\/image111-1.png\" alt=\"image\" width=\"384px\" height=\"289.950761154856px\" \/><\/p>\n<p class=\"import-Normal\">Now go back and rerun the Coding Pack for Java installer to install the JDK.<\/p>\n<h3><\/h3>\n<h3><a id=\"_trqbog3y71t1\" href=\"\"><\/a><em>MacOS Manual Installation<\/em><\/h3>\n<p class=\"import-Normal\">Double click the zip file to extract the Application. You should see &#8220;Visual Studio Code&#8221; as an Application file.<\/p>\n<p class=\"import-Normal\"><img decoding=\"async\" src=\"https:\/\/libraryresources.nse.org.ng\/wp-content\/uploads\/sites\/21\/2026\/03\/image125-1.png\" alt=\"image\" width=\"576px\" height=\"145.44px\" \/><\/p>\n<p class=\"import-Normal\">Move this file from your Downloads to your Application folder.<\/p>\n<p class=\"import-Normal\"><img decoding=\"async\" src=\"https:\/\/libraryresources.nse.org.ng\/wp-content\/uploads\/sites\/21\/2026\/03\/image124-1.png\" alt=\"image\" width=\"620px\" height=\"308.779527559055px\" \/><\/p>\n<p class=\"import-Normal\">Done! Now go back and rerun the Coding Pack for Java installer to install the JDK.<\/p>\n<p class=\"import-Normal\">\n<\/div>\n","protected":false},"author":1,"menu_order":4,"template":"","meta":{"pb_show_title":"","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[49],"contributor":[],"license":[],"class_list":["post-43","chapter","type-chapter","status-publish","hentry","chapter-type-numberless"],"part":18,"_links":{"self":[{"href":"https:\/\/libraryresources.nse.org.ng\/computersciencetwo\/wp-json\/pressbooks\/v2\/chapters\/43","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/libraryresources.nse.org.ng\/computersciencetwo\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/libraryresources.nse.org.ng\/computersciencetwo\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/libraryresources.nse.org.ng\/computersciencetwo\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":1,"href":"https:\/\/libraryresources.nse.org.ng\/computersciencetwo\/wp-json\/pressbooks\/v2\/chapters\/43\/revisions"}],"predecessor-version":[{"id":44,"href":"https:\/\/libraryresources.nse.org.ng\/computersciencetwo\/wp-json\/pressbooks\/v2\/chapters\/43\/revisions\/44"}],"part":[{"href":"https:\/\/libraryresources.nse.org.ng\/computersciencetwo\/wp-json\/pressbooks\/v2\/parts\/18"}],"metadata":[{"href":"https:\/\/libraryresources.nse.org.ng\/computersciencetwo\/wp-json\/pressbooks\/v2\/chapters\/43\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/libraryresources.nse.org.ng\/computersciencetwo\/wp-json\/wp\/v2\/media?parent=43"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/libraryresources.nse.org.ng\/computersciencetwo\/wp-json\/pressbooks\/v2\/chapter-type?post=43"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/libraryresources.nse.org.ng\/computersciencetwo\/wp-json\/wp\/v2\/contributor?post=43"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/libraryresources.nse.org.ng\/computersciencetwo\/wp-json\/wp\/v2\/license?post=43"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}