{"id":6321,"date":"2020-10-25T14:30:11","date_gmt":"2020-10-25T14:30:11","guid":{"rendered":"https:\/\/www.fambach.net\/?p=6321"},"modified":"2020-12-04T17:53:31","modified_gmt":"2020-12-04T17:53:31","slug":"vs-code-installation","status":"publish","type":"post","link":"https:\/\/www.fambach.net\/en\/vs-code-installation\/","title":{"rendered":"VS Code Installation (Portable)"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 ez-toc-wrap-left counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Contents\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewbox=\"0 0 24 24\" version=\"1.2\" baseprofile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.fambach.net\/en\/vs-code-installation\/#Fakten\" >Facts<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.fambach.net\/en\/vs-code-installation\/#Anwendungsbereiche\" >Areas of application<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.fambach.net\/en\/vs-code-installation\/#Ansichten\" >Views<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.fambach.net\/en\/vs-code-installation\/#Download\" >Download<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.fambach.net\/en\/vs-code-installation\/#Installation\" >Installation<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.fambach.net\/en\/vs-code-installation\/#Probleme\" >Problems<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.fambach.net\/en\/vs-code-installation\/#Fazit\" >Conclusion<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.fambach.net\/en\/vs-code-installation\/#Verwandte_Beitrage\" >Verwandte Beitr&auml;ge<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.fambach.net\/en\/vs-code-installation\/#Quellen\" >Sources<\/a><\/li><\/ul><\/nav><\/div>\n\n<p class=\"wp-block-paragraph\">VS Code mit einigen Erweiterung hat in vielen Bereichen, die doch sehr einfach gestrickte Arduino GUI verdr&auml;ngt. Gerade wenn es um gr&ouml;&szlig;ere Projekte oder um andere Programmiersprachen wie MicroPython geht, kommt man an VS Code fast nicht mehr vorbei. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In diesem Artikel umreisse ich kurz die portable Installation, wie ich sie f&uuml;r mich gemacht habe. F&uuml;r neue Zwecke\/Programmiersprachen kopiere ich sie mir und f&uuml;ge die ben&ouml;tigten Plugins hinzu. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Fakten\"><\/span>Facts<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">VS Code hat viele Plugins f&uuml;r diverse Programmiersprachen. Nicht immer arbeiten alle Hand in Hand. Deshalb habe ich mich f&uuml;r eine portable Installation entschieden. Dies erm&ouml;glicht mir mehrere Installationen auf einem Rechner zu haben. Hierbei hat jede Version ihre eigenen, f&uuml;r sich wichtigen Plugins. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Nachteil an dieser Installationsart ist, dass VS Code manuell aktualisiert werden muss. (Neue Version Ziehen, alte &uuml;berb&uuml;geln neu Konfigurieren). Plugins wie git m&uuml;ssen evtl. mehrfach installiert werden und es wird mehr Festplattenspeicher ben&ouml;tigt.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Anwendungsbereiche\"><\/span>Areas of application<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>MicroPython<\/li><li>Java<\/li><li>C++<\/li><li>IoT Development<\/li><li>Espressif Framework (IDF)<\/li><li>and much more<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Ansichten\"><\/span>Views<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-gallery columns-0 wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/www.fambach.net\/en\/?attachment_id=6322\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"676\" src=\"https:\/\/www.fambach.net\/wp-content\/uploads\/2020-10-25-15_06_54.jpg\" alt=\"\" data-id=\"6322\" data-link=\"https:\/\/www.fambach.net\/?attachment_id=6322\" class=\"wp-image-6322\"><\/a><figcaption class=\"blocks-gallery-item__caption\">Junfr&auml;ulich installiert VS Code Version<\/figcaption><\/figure><\/li><\/ul><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Download\"><\/span>Download<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">VS Code can be downloaded for free from the following link. I use the ZIP version.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/code.visualstudio.com\/#alt-downloads\">https:\/\/code.visualstudio.com\/#alt-downloads<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><a href=\"https:\/\/code.visualstudio.com\/#alt-downloads\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.fambach.net\/wp-content\/uploads\/2020-10-25-15_09_39.jpg\" alt=\"\" class=\"wp-image-6323\" width=\"578\" height=\"255\"><\/a><figcaption>VS Code \u2013 Alternative Download Page <\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Installation\"><\/span>Installation<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Die Datei nach dem Herunterladen entpacken und einen Unterordner &#8222;data&#8220; anlegen. Im dem Ordner legt VSC alle Einstellungen und Plugins ab. Das Hauptverzeichnis noch an einen Ort mit m&ouml;glichst kurzem Pfad ohne Lehrzeichen kopieren. Das war es auch schon.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"870\" height=\"270\" src=\"https:\/\/www.fambach.net\/wp-content\/uploads\/2020-10-25-15_12_15.jpg\" alt=\"\" class=\"wp-image-6324\"><figcaption>VSCode Folder \u2013 with data subfolder<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Probleme\"><\/span>Problems<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Update muss Manuell durchgef&uuml;hrt werden.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Fazit\"><\/span>Conclusion<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">VS Code ist schnell installiert. Ohne Plugins allerdings blank wie ein Babypopo. Wie es f&uuml;r euch nutzbar ist k&ouml;nnt ihr in den verlinkten Beitr&auml;gen entnehmen. Wenn ihr Fragen oder Anmerkungen habt lasst einen Kommentar da.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Verwandte_Beitrage\"><\/span>Verwandte Beitr&auml;ge<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Quellen\"><\/span>Sources<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/code.visualstudio.com\/#alt-downloads\" target=\"_blank\" rel=\"noreferrer noopener\">VS Code Alternative Download Page<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/code.visualstudio.com\/\" data-type=\"URL\" data-id=\"https:\/\/code.visualstudio.com\/\">VS Code Start page<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a rel=\"noreferrer noopener\" href=\"https:\/\/medium.com\/@allancarneirosantos\/how-to-use-multi-installation-of-vscode-a69de1955161\" data-type=\"URL\" data-id=\"https:\/\/medium.com\/@allancarneirosantos\/how-to-use-multi-installation-of-vscode-a69de1955161\" target=\"_blank\">Here's how to use multiple installations of VSCode:\n\n**1. Install VSCode Multiple Times (Simple but not recommended)**\n\nThis is the most straightforward method, but it can lead to issues with extensions and settings becoming mixed up or not working as expected.\n\n*   **Download different versions:** Go to the VSCode download page and download different versions (e.g., latest stable, older version, Insiders build).\n*   **Install each version in a separate directory:** During the installation process, make sure to choose a **different installation folder** for each version. For example, one in `C:\\Program Files\\VSCode Stable` and another in `C:\\Program Files\\VSCode Insiders`.\n*   **Launch the desired version:** You'll have separate shortcuts for each installation.\n\n**Issues with this method:**\n*   **Extension conflicts:** Extensions installed in one version might not work or might interfere with extensions in another.\n*   **Settings duplication:** You'll have to configure settings and keybindings separately for each installation.\n*   **Workspace confusion:** Opening a file from one installation might still default to another if not handled carefully.\n\n**2. Using VSCode Portable Versions**\n\nVSCode offers \"portable\" versions which are self-contained and don't interfere with a standard installation. This is a much cleaner way to have multiple environments.\n\n*   **Download the portable version:**\n    *   Go to the VSCode download page.\n    *   Look for the \"User Installer\" or \"System Installer\" options. **Crucially, also look for \"Zip\" (Windows) or \"Tar.gz\" (Linux\/macOS) options.** These are often the portable versions. For example, on Windows, you'll download a `.zip` file.\n*   **Extract to separate folders:** Extract each downloaded archive to a unique folder. For instance:\n    *   `D:\\VSCode-Portable-ProjectA\\`\n    *   `D:\\VSCode-Portable-ProjectB\\`\n*   **Launch from its folder:** To launch a specific portable instance, navigate into its folder and run the `Code.exe` (or equivalent) executable.\n*   **Specify the portable context:** You can also launch them from the command line with the `--user-data-dir` and `--extensions-dir` flags to ensure they use separate settings and extension directories. This is highly recommended for full isolation.\n\n    ```bash\n    # Example for Windows\n    \"D:\\VSCode-Portable-ProjectA\\Code.exe\" --user-data-dir \"D:\\VSCode-Portable-ProjectA\\data\\user-data\" --extensions-dir \"D:\\VSCode-Portable-ProjectA\\data\\extensions\"\n    ```\n\n**Benefits of portable versions:**\n*   **Complete separation:** Each portable installation has its own settings and extensions, preventing conflicts.\n*   **No registry changes:** They don't modify your system's registry.\n*   **Easy to manage:** You can carry them on a USB drive or have them in dedicated project folders.\n\n**3. Using Multiple User Data and Extension Directories (Advanced)**\n\nThis method allows you to run multiple instances of the *same* VSCode installation, but direct them to use different configuration and extension folders. This is particularly useful for testing different extension configurations or maintaining separate work environments without installing VSCode multiple times.\n\n*   **Install VSCode normally:** Have one standard installation of VSCode.\n*   **Create separate data directories:** Create distinct folders for each environment you want:\n    *   `C:\\Users\\YourUser\\AppData\\Roaming\\VSCode-Work\\User\\`\n    *   `C:\\Users\\YourUser\\AppData\\Roaming\\VSCode-Personal\\`\n    *   You'll also need corresponding `extensions` directories. A common practice is to create a `data` subfolder within your workspace:\n        *   `C:\\VSCode-Environments\\Work\\data\\user-data`\n        *   `C:\\VSCode-Environments\\Work\\data\\extensions`\n        *   `C:\\VSCode-Environments\\Personal\\data\\user-data`\n        *   `C:\\VSCode-Environments\\Personal\\data\\extensions`\n*   **Launch with flags:** Use the `--user-data-dir` and `--extensions-dir` command-line arguments when launching VSCode.\n\n    *   **From Command Prompt\/PowerShell:**\n        ```bash\n        # Example for a \"Work\" environment\n        code --user-data-dir \"C:\\VSCode-Environments\\Work\\data\\user-data\" --extensions-dir \"C:\\VSCode-Environments\\Work\\data\\extensions\"\n\n        # Example for a \"Personal\" environment\n        code --user-data-dir \"C:\\VSCode-Environments\\Personal\\data\\user-data\" --extensions-dir \"C:\\VSCode-Environments\\Personal\\data\\extensions\"\n        ```\n        *(Note: `code` is the command if you've added VSCode to your PATH during installation. If not, use the full path to `Code.exe`.)*\n\n    *   **Creating Desktop Shortcuts:** You can create custom desktop shortcuts:\n        1.  Right-click on your desktop -&gt; New -&gt; Shortcut.\n        2.  In the \"Type the location of the item\" field, enter the command:\n            `\"C:\\Users\\YourUser\\AppData\\Local\\Programs\\Microsoft VS Code\\Code.exe\" --user-data-dir \"C:\\VSCode-Environments\\Work\\data\\user-data\" --extensions-dir \"C:\\VSCode-Environments\\Work\\data\\extensions\"`\n            *(Adjust the path to `Code.exe` and your data directories as needed.)*\n        3.  Name the shortcut (e.g., \"VSCode - Work\"). Repeat for other environments.\n\n**Benefits of this method:**\n*   **Leverages one installation:** Saves disk space and ensures you're always on the latest features of your installed VSCode.\n*   **Full isolation:** Each instance runs with its own extensions, settings, and themes.\n*   **Great for testing:** Ideal for trying out new extensions or configurations without affecting your primary setup.\n\n**Which method to choose?**\n\n*   **For absolute beginners or occasional needs:** Portable versions (Method 2) are the easiest and most robust.\n*   **For power users wanting to manage multiple distinct environments from a single VSCode installation:** Using command-line flags with separate `--user-data-dir` and `--extensions-dir` (Method 3) is the most flexible.\n*   **Avoid Method 1** unless you have a very specific, limited need and understand the potential pitfalls.<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>VS Code mit einigen Erweiterung hat in vielen Bereichen, die doch sehr einfach gestrickte Arduino GUI verdr&auml;ngt. Gerade wenn es um gr&ouml;&szlig;ere Projekte oder um andere Programmiersprachen wie MicroPython geht, kommt man an VS Code fast nicht mehr vorbei. In diesem Artikel umreisse ich kurz die portable Installation, wie ich sie f&uuml;r mich gemacht habe. &#8230;<\/p>\n<a href=\"https:\/\/www.fambach.net\/en\/vs-code-installation\/\" class=\"read-more-link\">Carry on reading <span class=\"screen-reader-text\">\"VS Code Installation (Portabel)\"<\/span> <span class=\"meta-nav\">\u2192<\/span><\/a>","protected":false},"author":1,"featured_media":6660,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"no","_lmt_disable":"no","footnotes":""},"categories":[348,452],"tags":[53,456,457,455,454,453],"class_list":["post-6321","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-platformio","category-vs-code","tag-ide","tag-mehrfachinstallation","tag-mobil","tag-multiinstallation","tag-visual-studio","tag-vs-code","penguin-post","penguin-post-not-sticky"],"modified_by":"sfambach","_links":{"self":[{"href":"https:\/\/www.fambach.net\/en\/wp-json\/wp\/v2\/posts\/6321","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fambach.net\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fambach.net\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fambach.net\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fambach.net\/en\/wp-json\/wp\/v2\/comments?post=6321"}],"version-history":[{"count":4,"href":"https:\/\/www.fambach.net\/en\/wp-json\/wp\/v2\/posts\/6321\/revisions"}],"predecessor-version":[{"id":6662,"href":"https:\/\/www.fambach.net\/en\/wp-json\/wp\/v2\/posts\/6321\/revisions\/6662"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fambach.net\/en\/wp-json\/wp\/v2\/media\/6660"}],"wp:attachment":[{"href":"https:\/\/www.fambach.net\/en\/wp-json\/wp\/v2\/media?parent=6321"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fambach.net\/en\/wp-json\/wp\/v2\/categories?post=6321"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fambach.net\/en\/wp-json\/wp\/v2\/tags?post=6321"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}