{"id":975,"date":"2019-01-15T03:32:43","date_gmt":"2019-01-15T03:32:43","guid":{"rendered":"http:\/\/ucsbwebdev.local\/?p=975"},"modified":"2019-01-15T03:32:43","modified_gmt":"2019-01-15T03:32:43","slug":"setting-up-visual-studio-code","status":"publish","type":"post","link":"https:\/\/ucsbwebdev.fzilla.com\/?p=975","title":{"rendered":"Setting up Visual Studio Code"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong><em>For students\u00a0who\u00a0already\u00a0set\u00a0up\u00a0visual\u00a0studio\u00a0scroll\u00a0to\u00a0the\u00a0bottom\u00a0of\u00a0this post!<\/em><\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Watch the video here if you need visual instructions\u00a0<a rel=\"noopener\" href=\"https:\/\/my.pcloud.com\/publink\/show?code=XZYzg97ZUQI88fjJP3HSQlYxyr2rzFRMbTqk\" target=\"_blank\">https:\/\/my.pcloud.com\/publink\/show?code=XZYzg97ZUQI88fjJP3HSQlYxyr2rzFRMbTqk<\/a><\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The first thing you need to do is download the application from the following link:<\/p>\n\n\n\n<a href=\"https:\/\/code.visualstudio.com\/download\" target=\"_blank\" rel=\"noopener\">https:\/\/code.visualstudio.com\/download<\/a>\n\n\n\n<p class=\"wp-block-paragraph\">After you install the app by dragging it into the Applications folder, open it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Now navigate to this link to install the Settings Sync extension&nbsp;<a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=Shan.code-settings-sync\">https:\/\/marketplace.visualstudio.com\/items?itemName=Shan.code-settings-sync<\/a>&nbsp; and click the Install button<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Once you install the extension you will need to click the <strong>Reload to Activate<\/strong>&nbsp;button<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"http:\/\/ucsbwebdev.local\/wp-content\/uploads\/2018\/10\/image-2.png\" alt=\"\" class=\"wp-image-868\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Once the app reloads follow these steps:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Use keyboard shortcut&nbsp;<strong>Cmd + Shift + P&nbsp;<\/strong>to open the command palette<\/li><li>Type <strong>Sync<\/strong>&nbsp;and go down with the arrow keys to the <strong>Sync: Advanced Options<\/strong>&nbsp;and click <strong>Enter<\/strong><\/li><li>Use arrow keys to go down to&nbsp;<strong>Sync: Download Settings from Public GIST&nbsp;<\/strong>and click <strong>Enter<\/strong><\/li><li>Use keyboard shortcut&nbsp;<strong>Cmd + Shift + P<\/strong>&nbsp;to open the command palette again<\/li><li>Type <strong>Sync:<\/strong>&nbsp;and go down to&nbsp;<strong>Sync: Download Settings&nbsp;<\/strong>then click&nbsp;<strong>Enter<\/strong><\/li><li>It should ask you to enter a GIST ID enter the following <strong>846a59831c3a903c311ea25354694cae<\/strong><\/li><\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">It will take a few minutes for all the Extensions to load, once they are done it will ask you to reload. Reload and you are done!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Already&nbsp;followed&nbsp;this&nbsp;guide&nbsp;and&nbsp;just&nbsp;need&nbsp;to&nbsp;update:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Type <strong>Cmd&nbsp;+ Shift&nbsp;+ P<\/strong> and type &#8220;<strong>Download<\/strong>&#8221; find\/select &#8220;<strong>Sync: Download Settings<\/strong>&#8220;<\/li><li>A popup will ask you to reload click Yes<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"http:\/\/ucsbwebdev.local\/wp-content\/uploads\/2019\/01\/image-1024x254.png\" alt=\"\" class=\"wp-image-972\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Suggested extensions:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Bootstrap<\/strong> auto complete <a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=thekalinga.bootstrap4-vscode\">https:\/\/marketplace.visualstudio.com\/items?itemName=thekalinga.bootstrap4-vscode<\/a><\/li><li><strong>Bulma<\/strong> auto complete <a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=demijollamaxime.bulma\">https:\/\/marketplace.visualstudio.com\/items?itemName=demijollamaxime.bulma<\/a><\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>For students\u00a0who\u00a0already\u00a0set\u00a0up\u00a0visual\u00a0studio\u00a0scroll\u00a0to\u00a0the\u00a0bottom\u00a0of\u00a0this post! Watch the video here if you need visual instructions\u00a0https:\/\/my.pcloud.com\/publink\/show?code=XZYzg97ZUQI88fjJP3HSQlYxyr2rzFRMbTqk The first thing you need to do is download the application from the following link: https:\/\/code.visualstudio.com\/download After you install the app by dragging it into the Applications folder, open it. Now navigate to this link to install the Settings Sync extension&nbsp;https:\/\/marketplace.visualstudio.com\/items?itemName=Shan.code-settings-sync&nbsp; and click [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,4],"tags":[],"class_list":["post-975","post","type-post","status-publish","format-standard","hentry","category-class-reference","category-tutorial"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=\/wp\/v2\/posts\/975","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=975"}],"version-history":[{"count":0,"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=\/wp\/v2\/posts\/975\/revisions"}],"wp:attachment":[{"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=975"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=975"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=975"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}