aktuelle.kurse/m133/3_Entwicklungsumgebungen/Visual Studio Code

714 lines
45 KiB
Plaintext
Raw Normal View History

2022-02-23 22:44:33 +01:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="google-site-verification" content="hNs7DXrTySP_X-0P_AC0WulAXvUwgSXEmgfcO2r79dw" />
<!-- Twitter and Facebook OpenGraph Metadata-->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@code" />
<meta name="description" content="Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications.  Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows." />
<meta name="msvalidate.01" content="D7003A550372D1205E5408F00BF1923B" />
<!-- Twitter and Facebook OpenGraph Metadata-->
<meta property="og:title" content="Visual Studio Code - Code Editing. Redefined"/>
<meta property="og:description" content="Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications.  Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows."/>
<meta property="og:image" content="https://code.visualstudio.com/opengraphimg/opengraph-home.png"/>
<meta property="og:url" content="https://code.visualstudio.com/"/>
<link href="https://code.visualstudio.com" rel="canonical" />
<link rel="shortcut icon" href="/favicon.ico" sizes="128x128" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<title>Visual Studio Code - Code Editing. Redefined</title>
<link rel="stylesheet" href="/vendor/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="/dist/style.css">
<script src="https://js.monitor.azure.com/scripts/c/ms.jsll-3.min.js" type="text/javascript"></script>
<script type="text/javascript">
var config = {
coreData: {
appId: "vscode"
},
instrumentationKey: "1a3eb3104447440391ad5f2a6ee06a0a-62879566-bc58-4741-9650-302bf2af703f-7103",
webAnalyticsConfiguration: {
urlCollectQuery: true
}
};
if (window.awa) {
awa.init(config);
}
</script>
<link rel="dns-prefetch" href="//target.microsoft.com">
<link rel="dns-prefetch" href="//microsoftmscompoc.tt.omtrdc.net">
<script>
var at_property = 'a7e3965e-a530-9aab-41f3-2145f10bc083';
</script>
<script src="/vendor/at/at-config.js" type="text/javascript"></script>
<script src="/vendor/at/at.js" type="text/javascript"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
</script>
<link rel="alternate" type="application/atom+xml" title="RSS Feed for code.visualstudio.com" href="/feed.xml" />
</head>
<body class="home">
<!-- EU Cookie Compliance JS -->
<script src="https://wcpstatic.microsoft.com/mscc/lib/v2/wcp-consent.js"></script>
<div id="main">
<div class="navbar-fixed-container">
<div class="navbar navbar-inverse navbar-fixed-top " data-spy="affix" data-offset-top="1">
<div id='cookie-banner'></div> <nav role="navigation" aria-label="Top Level">
<div class="container">
<div class="nav navbar-header">
<a class="navbar-brand" href="/"><span>Visual Studio Code</span></a>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" aria-label="Expand and Collapse Menu">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-left">
<li ><a id="nav-docs" href="/docs">Docs</a></li>
<li ><a id="nav-updates" href="/updates">Updates</a></li>
<li ><a id="nav-blogs" href="/blogs">Blog</a></li>
<li ><a id="nav-extend" href="/api">API</a></li>
<li><a href="https://marketplace.visualstudio.com/VSCode" target="_blank" id="nav-extensions">Extensions</a></li>
<li ><a id="nav-faqs" href="/docs/supporting/faq">FAQ</a></li>
<li ><a id="nav-learn" href="/learn">Learn</a></li>
<li class='search visible-xs visible-sm'
><a href="/Search">Search</a></li>
</ul>
<ul class="nav navbar-nav navbar-right" role="presentation">
<li>
<a href="/Search" title="Search" class="btn search-btn" id="nav-search">
<img class="search-icon" src="/assets/icons/search.svg" width="16px" height="16px" alt="Search" />
<img class="search-icon-inverted" src="/assets/icons/search_dark.svg" width="16px" height="16px" alt="Search" />
</a>
</li>
<li class="search" role="presentation">
<form class="nav-search search-form" role="search" aria-label="Search">
<div class="input-group" role="presentation">
<input type="text" name="q" class="search-box form-control" placeholder="Search Docs" aria-label="Search text"/>
<span class="input-group-btn">
<button tabindex="0" class="btn" type="submit" aria-label="Search">
<img class="search-icon" src="/assets/icons/search.svg" width="16px" height="16px" alt="Search" />
<img class="search-icon-inverted" src="/assets/icons/search_dark.svg" width="16px" height="16px" alt="Search" />
</button>
</span>
</div>
</form> </li>
<!-- this was hiden in the home and download page, keeping it for now -->
<li><a class="link-button" href="/Download" id="nav-download">
<img class="download-icon" src="/assets/icons/download.svg" width="16px" height="16px" alt="Download VS Code" />
<img class="download-icon-inverted" src="/assets/icons/download-black.svg" width="16px" height="16px" alt="Download VS Code" />
<span>Download</span></a></li>
</ul>
</div>
</div>
</nav>
</div>
</div> <div class="updates-banner home ">
<div class="container">
<p class="message">Join us for <a href="/vscode-day" id="banner-link-updates">VS Code Day</a> on March 3</p>
</div>
<div tabindex="0" role="button" title="Dismiss this update" class="dismiss-btn" id="banner-dismiss-btn"><span class="sr-only">Dismiss this update</span><span aria-hidden="true" class="glyph-icon"></span></div>
</div> <div role="main" id="main-content">
<div class="jumbotron home">
<div class="container">
<div class="row">
<div class="col-md-4 copy">
<h1>Code editing. <strong>Redefined.</strong></h1>
<div class="lead">
<p>
Free. Built on open source. Runs everywhere.</p>
</div>
<div id="download-buttons" class="download-hero alt-downloads">
<!-- Download for user's current OS -->
<div class="primary-buttons">
<button class="link-button dlink" data-os="osx">Download Mac Universal<small class="build-type">Stable Build</small></button>
<button class="link-button dlink" data-os="win">Download for Windows<small class="build-type">Stable Build</small></button>
<div class="linux">
<div class="flex-box">
<button class="link-button dlink" data-os="linux64_deb"><img src="/assets/icons/download.svg" width="18px" height="18px" alt="Download VS Code"/>.deb<small>Debian, Ubuntu...</small></button>
<button class="link-button dlink" data-os="linux64_rpm_repo"><img src="/assets/icons/download.svg" width="18px" height="18px" alt="Download VS Code"/>.rpm<small>Red Hat, Fedora...</small></button>
</div>
<div class="collapse" id="linux32-downloads-insiders">
<ul class="list-unstyled text-center">
<li><a id="home-deb-download-link" class="dlink" data-os="linux32_deb"><strong>.deb</strong> (32 bit)</a></li>
<li><a id="home-rpm-download-link" class="dlink" data-os="linux32_rpm"><strong>.rpm</strong> (32 bit)</a></li>
<li><a id="home-zip-download-link" class="dlink" data-os="linux32"><strong>.tar.gz</strong> (32 bit)</a></li>
</ul>
</div>
</div>
<a class="link-button other-os" href="/Download">Download<small class="build-type">Stable Build</small></a>
</div>
<button id="download-dropdown" title="Other platforms and Insiders Edition" class="link-button download-dropdown" type="button" aria-haspopup="true" aria-labelledby="download-matrix-label"></button>
<div id="download-matrix" aria-expanded="false" aria-labelledby="download-matrix-label" role="menu">
<table>
<colgroup>
<col span="3"/>
<col span="2" class="insiders-column"/>
</colgroup>
<thead>
<tr>
<th scope="col"></th>
<th scope="col"></th>
<th class="build-header" scope="col">Stable</th>
<th class="build-header" scope="col">Insiders</th>
</tr>
</thead>
<tbody class="os-group">
<tr>
<td class="os" scope="row">macOS</td>
<td class="download-type">Universal</td>
<td><a role="link" href="javascript:void(0)" class="dlink" data-os="osx">
<img class="download-stable-icon" src="/assets/icons/download_blue.svg" alt="Download Stable">
<img class="download-stable-icon-accessible" src="/assets/icons/download_yellow.svg" alt="Download Stable">
</a>
</td>
<td><a role="link" href="javascript:void(0)" class="dlink" data-os="osx" data-build="insiders">
<img class="download-insiders-icon" src="/assets/icons/download_dark.svg" alt="Download Insiders">
<img class="download-insiders-icon-accessible" src="/assets/icons/download_yellow.svg" alt="Download Insiders">
</a>
</td>
</tr>
</tbody>
<tbody class="os-group">
<tr>
<td class="os" scope="row">Windows x64</td>
<td class="download-type">User Installer</td>
<td><a role="link" href="javascript:void(0)" class="dlink" data-os="win64user">
<img class="download-stable-icon" src="/assets/icons/download_blue.svg" alt="Download Stable">
<img class="download-stable-icon-accessible" src="/assets/icons/download_yellow.svg" alt="Download Stable">
</a>
</td>
<td><a role="link" href="javascript:void(0)" class="dlink" data-os="win64user" data-build="insiders">
<img class="download-insiders-icon" src="/assets/icons/download_dark.svg" alt="Download Insiders">
<img class="download-insiders-icon-accessible" src="/assets/icons/download_yellow.svg" alt="Download Insiders">
</a>
</td>
</tr>
</tbody>
<tbody class="os-group">
<tr>
<td class="os" scope="row">Linux x64</td>
<td class="download-type">.deb</td>
<td><a role="link" href="javascript:void(0)" class="dlink" data-os="linux64_deb">
<img class="download-stable-icon" src="/assets/icons/download_blue.svg" alt="Download Stable">
<img class="download-stable-icon-accessible" src="/assets/icons/download_yellow.svg" alt="Download Stable">
</a>
</td>
<td><a role="link" href="javascript:void(0)" class="dlink" data-os="linux64_deb" data-build="insiders">
<img class="download-insiders-icon" src="/assets/icons/download_dark.svg" alt="Download Insiders">
<img class="download-insiders-icon-accessible" src="/assets/icons/download_yellow.svg" alt="Download Insiders">
</a></td>
</tr>
<tr>
<td class="os" scope="row"><span class='sr-only'>Linux x64</span></td>
<td class="download-type">.rpm</td>
<td><a role="link" href="javascript:void(0)" class="dlink" data-os="linux64_rpm_repo">
<img class="download-stable-icon" src="/assets/icons/download_blue.svg" alt="Download Stable">
<img class="download-stable-icon-accessible" src="/assets/icons/download_yellow.svg" alt="Download Stable">
</a></td>
<td><a role="link" href="javascript:void(0)" class="dlink" data-os="linux64_rpm" data-build="insiders">
<img class="download-insiders-icon" src="/assets/icons/download_dark.svg" alt="Download Insiders">
<img class="download-insiders-icon-accessible" src="/assets/icons/download_yellow.svg" alt="Download Insiders">
</a></td>
</tr>
</tbody>
<tbody id="other-downloads">
<tr>
<td colspan="4" rowspan="2">
<a href="#alt-downloads">Other downloads</a>
</td>
</tr>
</tbody>
</table>
</div>
<p id="download-matrix-label" class="subtext text-center"><a href="#alt-downloads">Other platforms</a> and <a href="/insiders">Insiders Edition</a>
</p>
<p class="terms">By using VS Code, you agree to its <span class="wrap-together"><a id="home-terms-link" href="#home-terms">license and privacy statement</a>.</span></p>
</div> </div>
<div class="col-md-8">
<div class="screenshot"></div>
</div>
</div>
</div>
</div>
<div class="value-props">
<div class="container">
<div class="row">
<div class="col-sm-3 col-xs-6"><a class="value-prop" id="home-value-prop-intellisense-link" href="#meet-intellisense"><div class="value-prop-icon intellisense"></div>IntelliSense</a></div>
<div class="col-sm-3 col-xs-6"><a class="value-prop" id="home-value-prop-debugging-link" href="#powerful-debugging"><div class="value-prop-icon debugging"></div>Run and Debug</a></div>
<div class="col-sm-3 col-xs-6"><a class="value-prop" id="home-value-prop-git-link" href="#built-in-git"><div class="value-prop-icon git"></div>Built-in Git</a></div>
<div class="col-sm-3 col-xs-6"><a class="value-prop" id="home-value-prop-extensions-link" href="#hundreds-of-extensions"><div class="value-prop-icon extensions-icon"></div>Extensions</a></div>
</div>
</div>
</div>
<!-- Swimlanes -->
<div class="swimlane-container">
<div class="swimlane social-proof">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div id="carousel-social-proof" class="carousel slide" data-ride="carousel" data-interval="false">
<div aria-label="twitter carousel" class="carousel-inner" role="list">
<div class="item active" role="listitem">
<div class="container-fluid">
<div class="row tweets" tabindex="0" aria-label="Tweets list contains 6 tweets">
<!-- Tweet -->
<div id="tweet-0_0" class="col-md-4">
<a class="profile-image" href="https://twitter.com/Una/status/1127957563876753409" target="_blank" role="link" aria-labelledby="tweet-0_0-name" style="background-image: url('/assets/socialproof/twitterprofiles/Una.jpg')"></a>
<div class="text-content">
<a class="attribution" href="https://twitter.com/Una/status/1127957563876753409" target="_blank">
<strong id="tweet-0_0-name" class="name">Una Kravets</strong>
<span class="handle" src="#">@Una</span>
</a>
<div class="tweet-body">
VS <a href="https://twitter.com/code" target="_blank">@code</a> does so many things right. Im constantly impressed by the UX, and customizing workspace / user preferences is no exception. 🙌🏼💯 It just keeps getting better ❤️
</div>
</div>
</div>
<div id="tweet-0_1" class="col-md-4">
<a class="profile-image" href="https://twitter.com/jadbox/status/1124055202930339852" target="_blank" role="link" aria-labelledby="tweet-0_1-name" style="background-image: url('/assets/socialproof/twitterprofiles/jadbox.jpg')"></a>
<div class="text-content">
<a class="attribution" href="https://twitter.com/jadbox/status/1124055202930339852" target="_blank">
<strong id="tweet-0_1-name" class="name">Jonathan Dunlap</strong>
<span class="handle" src="#">@jadbox</span>
</a>
<div class="tweet-body">
VS Code will have deep remote development. You can connect to a container running a different OS and use any VS Code plugins, linting, debugging for that environment. 🔥🔥🔥
</div>
</div>
</div>
<div id="tweet-0_2" class="col-md-4">
<a class="profile-image" href="https://twitter.com/PKodmad/" target="_blank" role="link" aria-labelledby="tweet-0_2-name" style="background-image: url('/assets/socialproof/twitterprofiles/PKodmad.jpg')"></a>
<div class="text-content">
<a class="attribution" href="https://twitter.com/PKodmad/" target="_blank">
<strong id="tweet-0_2-name" class="name">Pavithra Kodmad</strong>
<span class="handle" src="#">@PKodmad</span>
</a>
<div class="tweet-body">
VS Code is my most used and favorite editor. I love being able to customize the editor - changing the layout, the icons, fonts and color scheme is so easy!
</div>
</div>
</div>
</div>
</div>
</div>
<div class="item " role="listitem">
<div class="container-fluid">
<div class="row tweets" tabindex="0" aria-label="Tweets list contains 6 tweets">
<!-- Tweet -->
<div id="tweet-1_0" class="col-md-4">
<a class="profile-image" href="https://twitter.com/MrDarrenV/status/1144005978901372928" target="_blank" role="link" aria-labelledby="tweet-1_0-name" style="background-image: url('/assets/socialproof/twitterprofiles/MrDarrenV.jpg')"></a>
<div class="text-content">
<a class="attribution" href="https://twitter.com/MrDarrenV/status/1144005978901372928" target="_blank">
<strong id="tweet-1_0-name" class="name">Darren</strong>
<span class="handle" src="#">@MrDarrenV</span>
</a>
<div class="tweet-body">
Just as I thought <a href="https://twitter.com/code" target="_blank">@code</a> couldn't get better, out comes its Remote Development plugins that let you remote into containers as a dev environment! 😍
</div>
</div>
</div>
<div id="tweet-1_1" class="col-md-4">
<a class="profile-image" href="https://twitter.com/cassidoo/" target="_blank" role="link" aria-labelledby="tweet-1_1-name" style="background-image: url('/assets/socialproof/twitterprofiles/cassidoo.jpg')"></a>
<div class="text-content">
<a class="attribution" href="https://twitter.com/cassidoo/" target="_blank">
<strong id="tweet-1_1-name" class="name">Cassidy Williams</strong>
<span class="handle" src="#">@cassidoo</span>
</a>
<div class="tweet-body">
I was a vim fan, but then discovered VS Code's Vim plugin, which lets me add in my vim keybindings. I can maintain my coding style without having to compromise on speed.
</div>
</div>
</div>
<div id="tweet-1_2" class="col-md-4">
<a class="profile-image" href="https://twitter.com/lauragift21/" target="_blank" role="link" aria-labelledby="tweet-1_2-name" style="background-image: url('/assets/socialproof/twitterprofiles/lauragift21.jpg')"></a>
<div class="text-content">
<a class="attribution" href="https://twitter.com/lauragift21/" target="_blank">
<strong id="tweet-1_2-name" class="name">Gift Egwuenu</strong>
<span class="handle" src="#">@lauragift21</span>
</a>
<div class="tweet-body">
I love <a href="https://twitter.com/code" target="_blank">@code</a> The built-in markdown previewer is awesome and the plugin system allows me to use GitLens, which makes my workflow so much easier.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<a class="left carousel-control" href="#carousel-social-proof" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"><span class="sr-only">Previous</span></span>
</a>
<a class="right carousel-control" href="#carousel-social-proof" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"><span class="sr-only">Next</span></span>
</a>
</div>
</div>
</div>
</div>
</div>
<div id="meet-intellisense" class="swimlane">
<div class="container">
<div class="row">
<div class="col-sm-4">
<img src='/assets/images/home-intellisense.svg' alt="Intellisense" class="screenshot"/>
</div>
<div class="col-sm-7 col-sm-push-1">
<h2>Meet IntelliSense.</h2>
<p>Go beyond syntax highlighting and autocomplete with IntelliSense, which provides smart completions based on variable types, function definitions, and imported modules.</p>
</div>
</div>
</div>
</div>
<div id="powerful-debugging" class="swimlane">
<div class="container">
<div class="row">
<div class="col-sm-4 col-sm-push-8">
<img src='/assets/images/home-debug.svg' alt="Debugging" class="screenshot"/>
</div>
<div class="col-sm-7 col-sm-pull-4">
<h2>Print statement debugging is a thing of the past.</h2>
<p>Debug code right from the editor. Launch or attach to your running apps and debug with break points, call stacks, and an interactive console.</p>
</div>
</div>
</div>
</div>
<div id="built-in-git" class="swimlane">
<div class="container">
<div class="row">
<div class="col-sm-4">
<img src='/assets/images/home-git.svg' alt="Git" class="screenshot"/>
</div>
<div class="col-sm-7 col-sm-push-1">
<h2>Git commands built-in.</h2>
<p>Working with Git and other SCM providers has never been easier. Review diffs, stage files, and make commits right from the editor. Push and pull from any hosted SCM service.</p>
</div>
</div>
</div>
</div>
<div id="hundreds-of-extensions" class="swimlane hundreds-extensions">
<div class="container">
<div class="row">
<div class="col-sm-4 col-sm-push-8">
<a id="home-marketplace-link" href="https://marketplace.visualstudio.com/VSCode" target="_blank"><img src="/assets/images/Hundreds-of-Extensions.png" class="hundreds-extensions-img" alt="Easily use extensions in VS Code" /></a>
</div>
<div class="col-sm-7 col-sm-pull-4">
<h2>Extensible and customizable.</h2>
<p>Want even more features? Install extensions to add new languages, themes, debuggers, and to connect to additional services. Extensions run in separate processes, ensuring they won't slow down your editor. <a id="home-extension-marketplace-doc-link" href="/docs/editor/extension-marketplace">Learn more about extensions.</a>
</p>
</div>
</div>
</div>
</div>
<div id="deploy" class="swimlane">
<div class="container">
<div class="row">
<div class="col-sm-4">
<img src='/assets/images/home-azure.svg' alt="Git" class="screenshot"/>
</div>
<div class="col-sm-7 col-sm-push-1">
<h2>Deploy with confidence and ease</h2>
<p>With <a href="https://azure.microsoft.com">Microsoft Azure</a> you can deploy and host your React, Angular, Vue, Node, Python (and more!) sites, store and query relational and document based data, and scale with serverless computing, all with ease, <a href="https://code.visualstudio.com/docs/azure/extensions">all from within VS Code</a>.</p>
</div>
</div>
</div>
</div>
<div class="swimlane getting-started">
<div class="container">
<div class="row">
<div class="row vscode-for">
<h2>VS Code for</h2>
</div>
<div class="row home-languages-list">
</div>
<div class="getting-started-marketplace-link">
<p><a href="https://marketplace.visualstudio.com/search?target=VSCode&category=Programming%20Languages&sortBy=Installs" aria-label="Programming language extensions in the Marketplace">and many more...</a></p>
</div>
</div>
<div class="row caption">
<div class="col-sm-12">
<a id="home-get-started-now-link" class="link-button" href="/docs">Get Started Now</a>
</div>
</div>
</div>
</div>
<div id="alt-downloads" class="swimlane alt-downloads download-buttons">
<div class="buttons">
<div class="download">
<div class="logo windows"></div>
<button class="link-button dlink" data-os="win" aria-label="Windows download" role="link">
<img class="download-icon" src="/assets/icons/download.svg" width="18px" height="18px" alt="Download VS Code" />
<img class="download-icon-accessible" src="/assets/icons/download-black.svg" width="18px" height="18px" alt="Download VS Code"
/> Windows
<small>Windows 7, 8, 10, 11</small>
</button>
<table class="win-downloads">
<tbody>
<tr>
<td><strong>User Installer</strong></td>
<td><a class="dlink platform-link" data-os="win64user" href="#" role="link" aria-label="Windows User install 64 bit">64 bit</a></td>
<td><a class="dlink platform-link" data-os="win32user" href="#" role="link" aria-label="Windows User install 32 bit">32 bit</a></td>
<td><a class="dlink platform-link" data-os="win32arm64user" href="#" role="link" aria-label="Windows User install ARM">ARM</a></td>
</tr>
<tr>
<td><strong>System Installer</strong></td>
<td><a class="dlink platform-link" data-os="win64" href="#" role="link" aria-label="Windows System install 64 bit">64 bit</a></td>
<td><a class="dlink platform-link" data-os="win32" href="#" role="link" aria-label="Windows System install 32 bit">32 bit</a></td>
<td><a class="dlink platform-link" data-os="win32arm64setup" href="#" role="link" aria-label="Windows System install ARM">ARM</a></td>
</tr>
<tr>
<td><strong>.zip</strong></td>
<td><a class="dlink platform-link" data-os="winzip" href="#" role="link" aria-label="Windows ZIP 64 bit">64 bit</a></td>
<td><a class="dlink platform-link" data-os="win32zip" href="#" role="link" aria-label="Windows ZIP 32 bit">32 bit</a></td>
<td><a class="dlink platform-link" data-os="win32arm64zip" href="#" role="link" aria-label="Windows ZIP ARM">ARM</a></td>
</tr>
</tbody>
</table>
</div>
<div class="download">
<div class="logo linux"></div>
<button class="link-button dlink" data-os="linux64_deb" aria-label="Linux Debian Ubuntu download" role="link">
<img class="download-icon" src="/assets/icons/download.svg" width="18px" height="18px" alt="Download VS Code" />
<img class="download-icon-accessible" src="/assets/icons/download-black.svg" width="18px" height="18px" alt="Download VS Code"
/> .deb
<small>Debian, Ubuntu</small></button>
<button class="link-button dlink" data-os="linux64_rpm" aria-label="Linux Red Hat Fedora SUSE download" role="link">
<img class="download-icon" src="/assets/icons/download.svg" width="18px" height="18px" alt="Download VS Code" />
<img class="download-icon-accessible" src="/assets/icons/download-black.svg" width="18px" height="18px" alt="Download VS Code"
/> .rpm
<small>Red Hat, Fedora, SUSE</small>
</button>
<table class="linux-downloads">
<tbody>
<tr>
<td><strong>.deb</strong></td>
<td><a class="dlink platform-link" data-os="linux64_deb" href="#" role="link" aria-label="Linux Debian Ubuntu 64 bit download">64 bit</a></td>
<td><a class="dlink platform-link" data-os="linuxarmhf_deb" href="#" role="link" aria-label="Linux Debian Ubuntu ARM 32 bit download">ARM</a></td>
<td><a class="dlink platform-link" data-os="linuxarm64_deb" href="#" role="link" aria-label="Linux Debian Ubuntu ARM 64 bit download">ARM 64</a></td>
</tr>
<tr>
<td><strong>.rpm</strong></td>
<td><a class="dlink platform-link" data-os="linux64_rpm" href="#" role="link" aria-label="Linux Red Hat Fedora SUSE 64 bit download">64 bit</a></td>
<td><a class="dlink platform-link" data-os="linuxarmhf_rpm" href="#" role="link" aria-label="Linux Red Hat Fedora SUSE ARM 32 bit download">ARM</a></td>
<td><a class="dlink platform-link" data-os="linuxarm64_rpm" href="#" role="link" aria-label="Linux Red Hat Fedora SUSE ARM 64 bit download">ARM 64</a></td>
</tr>
<tr>
<td><strong>.tar.gz</strong></td>
<td><a class="dlink platform-link" data-os="linux64" href="#" role="link" aria-label="Linux .tar.gz 64 bit download">64 bit</a></td>
<td><a class="dlink platform-link" data-os="linuxarmhf" href="#" role="link" aria-label="Linux .tar.gz ARM 32 bit download">ARM</a></td>
<td><a class="dlink platform-link" data-os="linuxarm64" href="#" role="link" aria-label="Linux .tar.gz ARM 64 bit download">ARM 64</a></td>
</tr>
<tr>
<td colspan="4" style="padding-top: 6px;">
<a class="platform-link" href="https://snapcraft.io/code" target="_blank">Snap Store</a>
</td>
</tr>
</tbody>
</table>
</div>
<div class="download">
<div class="logo mac"></div>
<button class="link-button dlink" data-os="osx" aria-label="Mac Universal Build download" role="link">
<img class="download-icon" src="/assets/icons/download.svg" width="18px" height="18px" alt="Download VS Code" />
<img class="download-icon-accessible" src="/assets/icons/download-black.svg" width="18px" height="18px" alt="Download VS Code"
/> Mac
<small>macOS 10.11+</small>
</button>
<table class="mac-downloads">
<tbody>
<tr>
<td><strong>.zip</strong></td>
<td colspan="2" style="padding-left: 3px"><a class="dlink platform-link" data-os="osx" href="#" role="link" aria-label="Mac Universal Build download">Universal</a></td>
<td colspan="2" style="padding-left: 3px"><a class="dlink platform-link" data-os="darwinx64" href="#" role="link" aria-label="Mac for Intel Chip download link">Intel Chip</a></td>
<td colspan="4" style="padding-left: 3px"><a class="dlink platform-link" data-os="darwinarm64" href="#" role="link" aria-label="Mac for Apple Silicon download link">Apple Silicon</a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="alt-downloads swimlane-container insiders-callout">
<div class="swimlane">
<div class="container">
<div class="row">
<div class="terms text-center">
<h2 class="faux-h3">Want new features sooner?</h2>
<p class="call-to-action">Get the <a href="/insiders">Insiders build</a> instead.</p>
</div>
</div>
<div class="alt-downloads">
<div id="home-terms" class="terms">
<h3 class="faux-h4">License and Privacy Terms</h3>
<p>
By downloading and using Visual Studio Code, you agree to the <a id="home-license-link" href="/License/">license terms</a> and <a href="https://privacy.microsoft.com/privacystatement">privacy statement</a>. VS
Code automatically sends telemetry data and crash dumps to help us improve the product. If you would
prefer not to have this data sent please go see <a href="https://code.visualstudio.com/docs/supporting/FAQ#_how-to-disable-crash-reporting">How to Disable Crash Reporting</a> to learn how to disable it.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer role="contentinfo">
<div class="container">
<div class="row">
<div class="left col-md-7">
<ul class="links">
<li>
<span class="message">Hello from Seattle.</span>
</li>
<li>
<a href="https://go.microsoft.com/fwlink/?LinkID=533687" onclick="followOnTwitter()" tabindex="0">Follow @code</a>
</li>
<li>
<div class="github-star-button">
<iframe src="/assets/github-button.html?user=Microsoft&repo=vscode&type=star&count=true"
frameborder="0" scrolling="0" width="130px" height="20px" title="GitHub follow button" loading="lazy"></iframe>
</div>
</li>
<script>
function followOnTwitter() {
var windowFeatures = "location=yes,height=600,width=550,scrollbars=yes,status=yes";
var originalReferer = "&original_referer=" + document.URL;
var screenName = "&screen_name=code";
var URL = "https://twitter.com/intent/follow?" + originalReferer + screenName;
window.open(URL, "_blank", windowFeatures);
}
function manageConsent() {
if(WcpConsent.siteConsent.isConsentRequired){
WcpConsent.siteConsent.manageConsent();
}
}
</script>
</ul>
</div>
<div class="right col-md-5">
<ul class="links">
<li><a id="footer-support-link" href="https://support.serviceshub.microsoft.com/supportforbusiness/create?sapId=d66407ed-3967-b000-4cfb-2c318cad363d"
target="_blank">Support</a></li>
<li><a id="footer-privacy-link" href="https://privacy.microsoft.com/privacystatement"
target="_blank">Privacy</a></li>
<li style="display: none;"><a id="footer-cookie-link" style="cursor: pointer;" onclick="manageConsent()"
target="_blank">Manage Cookies</a></li>
<li><a id="footer-terms-link" href="https://www.microsoft.com/legal/terms-of-use"
target="_blank">Terms of Use</a></li>
<li><a id="footer-license-link" href="/License">License</a></li>
</ul>
<div class="copyright">
<a id="footer-microsoft-link" class="logo" href="https://www.microsoft.com">
<img class="microsoft-logo" src="/assets/images/microsoft-logo.png" height="20" alt="Microsoft homepage"/>
<img class="microsoft-logo-inverted" src="/assets/images/microsoft-logo-inverted.png" height="20" alt="Microsoft homepage" />
</a>
<span>&copy; 2022 Microsoft</span>
</div>
</div>
</div>
</div>
</footer>
<script src="/dist/index.js"></script>
<script type="application/ld+json">
{
"@context" : "http://schema.org",
"@type" : "SoftwareApplication",
"name" : "Visual Studio Code",
"softwareVersion": "1.64",
"offers": {
"@type": "Offer",
"price": "0",
"priceCurrency": "USD"
},
"applicationCategory": "DeveloperApplication",
"applicationSubCategory": "Text Editor",
"alternateName": "VS Code",
"datePublished": "2021-11-03",
"operatingSystem": "Mac, Linux, Windows",
"logo": "https://code.visualstudio.com/assets/apple-touch-icon.png",
"screenshot": "https://code.visualstudio.com/assets/home/home-screenshot-win.png",
"releaseNotes": "https://code.visualstudio.com/updates",
"downloadUrl": "https://code.visualstudio.com/download",
"license": "https://code.visualstudio.com/license",
"softwareRequirements": "https://code.visualstudio.com/docs/supporting/requirements",
"url" : "https://code.visualstudio.com",
"author": {
"@type": "Organization",
"name": "Microsoft"
},
"publisher": {
"@type": "Organization",
"name": "Microsoft"
},
"maintainer": {
"@type": "Organization",
"name": "Microsoft"
},
"potentialAction": {
"@type": "SearchAction",
"target": "https://code.visualstudio.com/Search?q={search_term_string}",
"query-input": "required name=search_term_string"
},
"sameAs" : [
"https://en.wikipedia.org/wiki/Visual_Studio_Code",
"https://twitter.com/code",
"https://www.youtube.com/code",
"https://www.tiktok.com/@vscode",
"https://github.com/microsoft/vscode"
]
}
</script>
</body>
</html>