{"id":1558,"date":"2020-11-30T13:10:11","date_gmt":"2020-11-30T13:10:11","guid":{"rendered":"https:\/\/blogs.ncl.ac.uk\/igmit\/?p=1558"},"modified":"2024-07-12T09:39:06","modified_gmt":"2024-07-12T08:39:06","slug":"visualcode-installation-extensions","status":"publish","type":"post","link":"https:\/\/blogs.ncl.ac.uk\/igmit\/?p=1558","title":{"rendered":"Visual Studio Code installation &amp; extensions"},"content":{"rendered":"\n<p>Render spaces as dots &#8211; useful for sanity-checking files.<br>Go to settings; type &#8220;white space&#8221;<br>In the first option &#8211; &#8220;Render Whitespace&#8221; &#8211; change this from &#8220;selection&#8221; to &#8220;all&#8221;<\/p>\n\n\n\n<p>The default colour scheme can make it difficult to see the dots. The colour can be changed. The following is from <a href=\"https:\/\/thenetworktransit.com\/whitespace-in-vs-code\/\">https:\/\/thenetworktransit.com\/whitespace-in-vs-code\/<\/a><br>who did all the heavy lifting here i.e. scouring the correct VS setting that is required.<\/p>\n\n\n\n<p>Go to settings; type &#8220;Color Customization&#8221;<br>3rd option down &#8211; Workbench: Color Customization &#8211; click &#8220;edit in settings.jason&#8221;<br>Add the line:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\"editorWhitespace.foreground\": \"ffa500\"<\/code><\/pre>\n\n\n\n<p>E.g. it should look like this:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>{\n\"editor.renderWhitespace\": \"all\",\n\"workbench.colorCustomizations\": {\n\"editorWhitespace.foreground\": \"ffa500\"\n}\n}<\/code><\/pre>\n\n\n\n<p>Quit and relaunch Visual Studio<\/p>\n\n\n\n<p>__________________________________<br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Render spaces as dots &#8211; useful for sanity-checking files.Go to settings; type &#8220;white space&#8221;In the first option &#8211; &#8220;Render Whitespace&#8221; &#8211; change this from &#8220;selection&#8221; to &#8220;all&#8221; The default colour scheme can make it difficult to see the dots. The colour can be changed. The following is from https:\/\/thenetworktransit.com\/whitespace-in-vs-code\/who did all the heavy lifting here <a href='https:\/\/blogs.ncl.ac.uk\/igmit\/?p=1558' class='excerpt-more'>[&#8230;]<\/a><\/p>\n","protected":false},"author":1149,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[131,66,170,130],"class_list":["post-1558","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-code","tag-microsoft","tag-studio","tag-visual","category-1-id","post-seq-1","post-parity-odd","meta-position-corners","fix"],"_links":{"self":[{"href":"https:\/\/blogs.ncl.ac.uk\/igmit\/index.php?rest_route=\/wp\/v2\/posts\/1558","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ncl.ac.uk\/igmit\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ncl.ac.uk\/igmit\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/igmit\/index.php?rest_route=\/wp\/v2\/users\/1149"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/igmit\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1558"}],"version-history":[{"count":10,"href":"https:\/\/blogs.ncl.ac.uk\/igmit\/index.php?rest_route=\/wp\/v2\/posts\/1558\/revisions"}],"predecessor-version":[{"id":1776,"href":"https:\/\/blogs.ncl.ac.uk\/igmit\/index.php?rest_route=\/wp\/v2\/posts\/1558\/revisions\/1776"}],"wp:attachment":[{"href":"https:\/\/blogs.ncl.ac.uk\/igmit\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1558"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/igmit\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1558"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/igmit\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1558"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}