{"id":28471,"date":"2019-12-15T14:54:51","date_gmt":"2019-12-15T09:24:51","guid":{"rendered":"https:\/\/techmasala.addastudents.com\/dev\/?p=28471"},"modified":"2020-06-11T09:16:53","modified_gmt":"2020-06-11T03:46:53","slug":"benefits-of-visual-studio-code-tech2ez","status":"publish","type":"post","link":"https:\/\/techmasala.addastudents.com\/dev\/benefits-of-visual-studio-code-tech2ez\/","title":{"rendered":"Benefits of Visual Studio Code &#8211; TECH2EZ"},"content":{"rendered":"\n<p> The article is about the benefits of the Visual Studio Code. <br>Visual Studio Code is a source code editor developed by Microsoft for Windows, Linux, and macOS.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>This Software is cross-platform &#8211;  works on  Windows, Linux, and macOS as it is lightweight and super fast.<\/li><li>VS Code IntelliSense is provided for JavaScript, TypeScript, JSON, HTML, CSS, Less, and Sass out of the box. We can also add IntelliSense extension for other languages as well which are not supported by default.<\/li><li> Integrated Version Control (Built-in Git):-  Visual Studio Code has Git integration built-in, which makes it really easy to instantly see the changes you\u2019re making in your project. <\/li><li> Command Palette:- Visual studio supports inbuilt Integrated terminal, initially starting at the root of your opened project.&nbsp; <\/li><li> Debugging:- One of the key features of the Visual Studio Code is its great debugging support. VS Code\u2019s built-in debugger helps accelerate your edit, compile and debug loop. <\/li><\/ul>\n\n\n\n<script async=\"\" src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n<!-- horibnr -->\n<ins class=\"adsbygoogle\" style=\"display:inline-block;width:728px;height:90px\" data-ad-client=\"ca-pub-5374634985378775\" data-ad-slot=\"8785400987\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li> Side by Side Editing on different files:-   Sometimes, we need to refer one file\u2019s code for another file. VS Code makes this easy by allowing us to open side by side editor either for the same file or different files. Simply right-click on the file and choose the option \u201cOpen to the slide\u201d.<\/li><li>Some Code management features:-  Vs code provides us language service features such as Peek Definition, Go to Definition, Find All References, and Rename Symbol.&nbsp; <\/li><\/ul>\n\n\n\n<p>Most importantly what I like about Visual Studio Code is<strong> Liver Server<\/strong>.<br>1. Install Live Server Extension<br>2. Open a project and directly click to&nbsp;<code>Go Live<\/code>&nbsp;from StatusBar to turn on\/off the server. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"760\" height=\"97\" src=\"https:\/\/techmasala.addastudents.com\/dev\/wp-content\/uploads\/2019\/12\/Screenshot_3.png\" alt=\"\" class=\"wp-image-28472\" srcset=\"https:\/\/techmasala.addastudents.com\/dev\/wp-content\/uploads\/2019\/12\/Screenshot_3.png 760w, https:\/\/techmasala.addastudents.com\/dev\/wp-content\/uploads\/2019\/12\/Screenshot_3-300x38.png 300w\" sizes=\"auto, (max-width: 760px) 100vw, 760px\" \/><\/figure>\n\n\n\n<p>3. Right-click on a&nbsp;<code>HTML<\/code>&nbsp;file from Explorer Window &amp; click to&nbsp;<code>Open with Live Server<\/code>. <\/p>\n\n\n\n<script async=\"\" src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n<!-- horibnr -->\n<ins class=\"adsbygoogle\" style=\"display:inline-block;width:728px;height:90px\" data-ad-client=\"ca-pub-5374634985378775\" data-ad-slot=\"8785400987\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n\n\n\n<p><br>4.  Open an HTML file and Right-click on the editor and choose the options. <\/p>\n\n\n\n<figure class=\"wp-block-gallery columns-1 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"790\" height=\"184\" src=\"https:\/\/techmasala.addastudents.com\/dev\/wp-content\/uploads\/2019\/12\/Screenshot_4.png\" alt=\"\" data-id=\"28473\" data-link=\"https:\/\/techmasala.addastudents.com\/dev\/?attachment_id=28473\" class=\"wp-image-28473\" srcset=\"https:\/\/techmasala.addastudents.com\/dev\/wp-content\/uploads\/2019\/12\/Screenshot_4.png 790w, https:\/\/techmasala.addastudents.com\/dev\/wp-content\/uploads\/2019\/12\/Screenshot_4-300x70.png 300w, https:\/\/techmasala.addastudents.com\/dev\/wp-content\/uploads\/2019\/12\/Screenshot_4-768x179.png 768w\" sizes=\"auto, (max-width: 790px) 100vw, 790px\" \/><\/figure><\/li><\/ul><\/figure>\n\n\n\n<p>5. Hit&nbsp;<code>(alt+L, alt+O)<\/code>&nbsp;to Open the Server and&nbsp;<code>(alt+L, alt+C)<\/code>&nbsp;to Stop the server (You can change the shortcut form keybinding).&nbsp;<em>[On MAC,&nbsp;<code>cmd+L, cmd+O<\/code>&nbsp;and&nbsp;<code>cmd+L, cmd+C<\/code>]<\/em> <br>6. Press&nbsp;<code>F1<\/code>&nbsp;or&nbsp;<code>ctrl+shift+P<\/code>&nbsp;and type&nbsp;<code>Live Server: Open With Live Server&nbsp;<\/code>to start a server or type&nbsp;<code>Live Server: Stop Live Server<\/code>&nbsp;to stop a server. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>The article is about the benefits of the Visual Studio Code. Visual Studio Code is a source code editor developed by Microsoft for Windows, Linux, and macOS. This Software is cross-platform &#8211; works on Windows, Linux, and macOS as it is lightweight and super fast. VS Code IntelliSense is provided for JavaScript, TypeScript, JSON, HTML, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":32071,"comment_status":"open","ping_status":"open","sticky":true,"template":"","format":"standard","meta":{"footnotes":""},"categories":[71],"tags":[52,51,45,50,48,49],"class_list":["post-28471","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-learn-javascript-online","tag-advantages","tag-benefits","tag-js","tag-live-server","tag-visual-studio-code","tag-vs"],"_links":{"self":[{"href":"https:\/\/techmasala.addastudents.com\/dev\/wp-json\/wp\/v2\/posts\/28471","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/techmasala.addastudents.com\/dev\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/techmasala.addastudents.com\/dev\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/techmasala.addastudents.com\/dev\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/techmasala.addastudents.com\/dev\/wp-json\/wp\/v2\/comments?post=28471"}],"version-history":[{"count":4,"href":"https:\/\/techmasala.addastudents.com\/dev\/wp-json\/wp\/v2\/posts\/28471\/revisions"}],"predecessor-version":[{"id":32069,"href":"https:\/\/techmasala.addastudents.com\/dev\/wp-json\/wp\/v2\/posts\/28471\/revisions\/32069"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/techmasala.addastudents.com\/dev\/wp-json\/wp\/v2\/media\/32071"}],"wp:attachment":[{"href":"https:\/\/techmasala.addastudents.com\/dev\/wp-json\/wp\/v2\/media?parent=28471"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/techmasala.addastudents.com\/dev\/wp-json\/wp\/v2\/categories?post=28471"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/techmasala.addastudents.com\/dev\/wp-json\/wp\/v2\/tags?post=28471"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}