- 掃描 ID：
- 1df4bd80-8bdc-4bd1-8888-8851038b01bc已完成
- 已提交的 URL：
- https://code.visualstudio.com/
- 報告完成時間：
連結 · 找到 22 個
從頁面中識別的傳出連結
| 連結 | Text |
|---|---|
| https://go.microsoft.com/fwlink/?LinkId=521839 | privacy statement |
| https://aka.ms/3rdpartycookies | Third-Party Cookies |
| https://marketplace.visualstudio.com/VSCode | Extensions |
| https://github.com/settings/copilot?utm_source=vscode-landing-2&utm_medium=abovefold&utm_campaign=2024q3-em-MSFT-signup | Try GitHub Copilot |
| https://vscode.dev/ | Web |
| https://github.com/settings/copilot?utm_source=vscode-landing-2&utm_medium=swim&utm_campaign=2024q3-em-MSFT-signup | Try GitHub Copilot free for 30 days |
| https://marketplace.visualstudio.com/items?itemName=ms-python.python | PythonAdds rich language support for Python |
| https://marketplace.visualstudio.com/items?itemName=GitHub.copilot | GitHub CopilotYour AI pair programmer |
| https://marketplace.visualstudio.com/items?itemName=ms-vscode.cpptools | C/C++Adds rich language support for C/C++ |
| https://marketplace.visualstudio.com/items?itemName=ms-toolsai.jupyter | JupyterLanguage support for Jupyter Notebooks |
JavaScript 變數 · 找到 14 個
在頁面的視窗物件上載入的全域 JavaScript 變數是在函數外部宣告的變數，可從目前範圍內程式碼中的任何位置存取
| 名稱 | 類型 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| WcpConsent | function |
| mscc | function |
| oneDS4 | object |
| oneDS | object |
| __tsUtils$gblCfg | object |
| __dynProto$Gbl | object |
| siteConsent | object |
主控台記錄訊息 · 找到 0 條
記錄到 Web 主控台的訊息
HTML
頁面的原始 HTML 主體
<!DOCTYPE html><html lang="en" data-theme="light"><head>
<meta charset="UTF-8">
<meta name="awa-expId" content="vscw_aaflight1016_control:103441;">
<meta name="awa-env" content="prod">
<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/v2/style.css">
<script src="https://consentdeliveryfd.azurefd.net/mscc/lib/v2/wcp-consent.js"></script>
<script type="text/javascript" src="https://js.monitor.azure.com/scripts/c/ms.analytics-web-4.min.js"></script>
<script type="text/javascript">
// Leave as var; siteConsent is initialized and referenced elsewhere.
var siteConsent = null;
const GPC_DataSharingOptIn = false;
WcpConsent.onInitCallback(function () {
window.appInsights = new oneDS.ApplicationInsights();
window.appInsights.initialize({
instrumentationKey: "1a3eb3104447440391ad5f2a6ee06a0a-62879566-bc58-4741-9650-302bf2af703f-7103",
propertyConfiguration: {
userConsented: false,
gpcDataSharingOptIn: false,
callback: {
userConsentDetails: siteConsent ? siteConsent.getConsent : undefined
},
},
cookieCfg: {
ignoreCookies: ["MSCC"]
},
webAnalyticsConfiguration:{ // Web Analytics Plugin configuration
urlCollectQuery: true,
urlCollectHash: true,
autoCapture: {
scroll: true,
pageView: true,
onLoad: true,
onUnload: true,
click: true,
resize: true,
jsError: true
}
}
}, []);
window.appInsights.getPropertyManager().getPropertiesContext().web.gpcDataSharingOptIn = GPC_DataSharingOptIn;
});
</script>
<link rel="alternate" type="application/atom+xml" title="RSS Feed for code.visualstudio.com" href="/feed.xml">
<style id="ms-consent-banner-main-styles">.w8hcgFksdo30C8w-bygqu{color:#000}.ydkKdaztSS0AeHWIeIHsQ a{color:#0067B8}.erL690_8JwUW-R4bJRcfl{background-color:#EBEBEB;border:none;color:#000}.erL690_8JwUW-R4bJRcfl:enabled:hover{color:#000;background-color:#DBDBDB;box-shadow:0px 4px 10px rgba(0,0,0,0.25);border:none}.erL690_8JwUW-R4bJRcfl:enabled:focus{background-color:#DBDBDB;box-shadow:0px 4px 10px rgba(0,0,0,0.25);border:2px solid #000}.erL690_8JwUW-R4bJRcfl:disabled{opacity:1;color:rgba(0,0,0,0.2);background-color:rgba(0,0,0,0.2);border:none}._1zNQOqxpBFSokeCLGi_hGr{border:none;background-color:#0067B8;color:#fff}._1zNQOqxpBFSokeCLGi_hGr:enabled:hover{color:#fff;background-color:#0067B8;box-shadow:0px 4px 10px rgba(0,0,0,0.25);border:none}._1zNQOqxpBFSokeCLGi_hGr:enabled:focus{background-color:#0067B8;box-shadow:0px 4px 10px rgba(0,0,0,0.25);border:2px solid #000}._1zNQOqxpBFSokeCLGi_hGr:disabled{opacity:1;color:rgba(0,0,0,0.2);background-color:rgba(0,120,215,0.2);border:none}._23tra1HsiiP6cT-Cka-ycB{position:relative;display:flex;z-index:9999;width:100%;background-color:#F2F2F2;justify-content:space-between;text-align:left}div[dir="rtl"]._23tra1HsiiP6cT-Cka-ycB{text-align:right}._1Upc2NjY8AlDn177YoVj0y{margin:0;padding-left:5%;padding-top:8px;padding-bottom:8px}div[dir="rtl"] ._1Upc2NjY8AlDn177YoVj0y{margin:0;padding:8px 5% 8px 0;float:none}._23tra1HsiiP6cT-Cka-ycB svg{fill:none;max-width:none;max-height:none}._1V_hlU-7jdtPiooHMu89BB{display:table-cell;padding:12px;width:24px;height:24px;font-family:Segoe UI, SegoeUI, Arial, sans-serif;font-style:normal;font-weight:normal;font-size:24px;line-height:0}.f6QKJD7fhSbnJLarTL-W-{display:table-cell;vertical-align:middle;padding:0;font-family:Segoe UI, SegoeUI, Arial, sans-serif;font-style:normal;font-weight:normal;font-size:13px;line-height:16px}.f6QKJD7fhSbnJLarTL-W- a{text-decoration:underline}._2j0fmugLb1FgYz6KPuB91w{display:inline-block;margin-left:5%;margin-right:5%;min-width:40%;min-width:calc((150px + 3 * 4px) * 2 + 150px);min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;align-self:center;position:relative}._1XuCi2WhiqeWRUVp3pnFG3{margin:4px;padding:5px;min-width:150px;min-height:36px;vertical-align:top;cursor:pointer;font-family:Segoe UI, SegoeUI, Arial, sans-serif;font-style:normal;font-weight:normal;font-size:15px;line-height:20px;text-align:center}._1XuCi2WhiqeWRUVp3pnFG3:focus{box-sizing:border-box}._1XuCi2WhiqeWRUVp3pnFG3:disabled{cursor:not-allowed}._2bvsb3ubApyZ0UGoQA9O9T{display:block;position:fixed;z-index:10000;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,0.6);overflow:auto;text-align:left}div[dir="rtl"]._2bvsb3ubApyZ0UGoQA9O9T{text-align:right}div[dir="rtl"] ._2bvsb3ubApyZ0UGoQA9O9T{left:auto;right:0}.AFsJE948muYyzCMktdzuk{position:relative;top:8%;margin-bottom:40px;margin-left:auto;margin-right:auto;box-sizing:border-box;width:640px;background-color:#fff;border:1px solid #0067B8}._3kWyBRbW_dgnMiEyx06Fu4{float:right;z-index:1;margin:2px;padding:12px;border:none;cursor:pointer;font-family:Segoe UI, SegoeUI, Arial, sans-serif;font-style:normal;font-weight:normal;font-size:13px;line-height:13px;display:flex;align-items:center;text-align:center;color:#666;background-color:#fff}div[dir="rtl"] ._3kWyBRbW_dgnMiEyx06Fu4{margin:2px;padding:12px;float:left}.uCYvKvHXrhjNgflv1VqdD{position:static;margin-top:36px;margin-left:36px;margin-right:36px}._17pX1m9O_W--iZbDt3Ta5r{margin-top:0;margin-bottom:12px;font-family:Segoe UI, SegoeUI, Arial, sans-serif;font-style:normal;font-weight:600;font-size:20px;line-height:24px;text-transform:none}._1kBkHQ1V1wu3kl-YcLgUr6{height:446px;overflow:auto}._20_nXDf6uFs9Q6wxRXG-I-{margin-top:0;font-family:Segoe UI, SegoeUI, Arial, sans-serif;font-style:normal;font-weight:normal;font-size:15px;line-height:20px}._20_nXDf6uFs9Q6wxRXG-I- a{text-decoration:underline}dl._2a0NH_GDQEQe5Ynfo7suVH{margin-top:36px;margin-bottom:0;padding:0;list-style:none;text-transform:none}dt._3j_LCPv7fyXv3A8FIXVwZ4{margin-top:20px;float:none;font-family:Segoe UI, SegoeUI, Arial, sans-serif;font-style:normal;font-weight:600;font-size:18px;line-height:24px;list-style:none}.k-vxTGFbdq1aOZB2HHpjh{margin:0;padding:0;border:none}._2Bucyy75c_ogoU1g-liB5R{margin:0;padding:0;border-bottom:none;font-family:Segoe UI, SegoeUI, Arial, sans-serif;font-style:normal;font-weight:600;font-size:18px;line-height:24px;text-transform:none}._63gwfzV8dclrsl2cfd90r{display:inline-block;margin-top:0;margin-bottom:13px;font-family:Segoe UI, SegoeUI, Arial, sans-serif;font-style:normal;font-weight:normal;font-size:15px;line-height:20px}._1l8wM_4mRYGz3Iu7l3BZR7{display:block}._2UE03QS02aZGkslegN_F-i{display:inline-block;position:relative;left:5px;margin-bottom:13px;margin-right:34px;padding:3px}div[dir="rtl"] ._2UE03QS02aZGkslegN_F-i{margin:0 0 13px 34px;padding:3px;float:none}div[dir="rtl"] ._2UE03QS02aZGkslegN_F-i{left:auto;right:5px}._23tra1HsiiP6cT-Cka-ycB *::before,._2bvsb3ubApyZ0UGoQA9O9T *::before,._23tra1HsiiP6cT-Cka-ycB *::after,._2bvsb3ubApyZ0UGoQA9O9T *::after{box-sizing:inherit}._1HSFn0HzGo6w4ADApV8-c4{outline:2px solid rgba(0,0,0,0.8)}input[type="radio"]._1dp8Vp5m3HwAqGx8qBmFV2{display:inline-block;position:relative;margin-top:0;margin-left:0;margin-right:0;height:0;width:0;border-radius:0;cursor:pointer;outline:none;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type="radio"]._1dp8Vp5m3HwAqGx8qBmFV2+label::before{display:block;position:absolute;top:5px;left:3px;height:19px;width:19px;content:"";border-radius:50%;border:1px solid #000;background-color:#fff}div[dir="rtl"] input[type="radio"]._1dp8Vp5m3HwAqGx8qBmFV2+label::before{left:auto;right:3px}input[type="radio"]._1dp8Vp5m3HwAqGx8qBmFV2:not(:disabled)+label:hover::before{border:1px solid #0067B8}input[type="radio"]._1dp8Vp5m3HwAqGx8qBmFV2:not(:disabled)+label:hover::after{display:block;position:absolute;top:10px;left:8px;height:9px;width:9px;content:"";border-radius:50%;background-color:rgba(0,0,0,0.8)}div[dir="rtl"] input[type="radio"]._1dp8Vp5m3HwAqGx8qBmFV2:not(:disabled)+label:hover::after{left:auto;right:8px}input[type="radio"]._1dp8Vp5m3HwAqGx8qBmFV2:not(:disabled)+label:focus::before{border:1px solid #0067B8}input[type="radio"]._1dp8Vp5m3HwAqGx8qBmFV2:not(:disabled)+label:focus::after{display:block;position:absolute;top:10px;left:8px;height:9px;width:9px;content:"";border-radius:50%;background-color:#000}div[dir="rtl"] input[type="radio"]._1dp8Vp5m3HwAqGx8qBmFV2:not(:disabled)+label:focus::after{left:auto;right:8px}input[type="radio"]._1dp8Vp5m3HwAqGx8qBmFV2:checked+label::after{display:block;position:absolute;top:10px;left:8px;height:9px;width:9px;content:"";border-radius:50%;background-color:#000}div[dir="rtl"] input[type="radio"]._1dp8Vp5m3HwAqGx8qBmFV2:checked+label::after{left:auto;right:8px}input[type="radio"]._1dp8Vp5m3HwAqGx8qBmFV2:disabled+label{cursor:not-allowed}input[type="radio"]._1dp8Vp5m3HwAqGx8qBmFV2:disabled+label::before{border:1px solid rgba(0,0,0,0.2);background-color:rgba(0,0,0,0.2)}._3RJzeL3l9Rl_lAQEm6VwdX{display:block;position:static;float:right;margin-top:0;margin-bottom:0;margin-left:19px;margin-right:0;padding-top:0;padding-bottom:0;padding-left:8px;padding-right:0;width:80%;width:calc(100% - 19px);font-family:Segoe UI, SegoeUI, Arial, sans-serif;font-style:normal;font-weight:normal;font-size:15px;line-height:20px;text-transform:none;cursor:pointer;box-sizing:border-box}div[dir="rtl"] ._3RJzeL3l9Rl_lAQEm6VwdX{margin:0 19px 0 0;padding:0 8px 0 0;float:left}.nohp3sIG12ZBhzcMnPala{margin-top:20px;margin-bottom:48px}._2uhaEsmeotZ3P-M0AXo2kF{padding:0;width:278px;height:36px;cursor:pointer;font-family:Segoe UI, SegoeUI, Arial, sans-serif;font-style:normal;font-weight:normal;font-size:15px;line-height:20px;text-align:center}._2uhaEsmeotZ3P-M0AXo2kF:focus{box-sizing:border-box}._2uhaEsmeotZ3P-M0AXo2kF:disabled{cursor:not-allowed}._3tOu1FJ59c_xz_PmI1lKV5{float:right;padding:0;width:278px;height:36px;cursor:pointer;font-family:Segoe UI, SegoeUI, Arial, sans-serif;font-style:normal;font-weight:normal;font-size:15px;line-height:20px;text-align:center}._3tOu1FJ59c_xz_PmI1lKV5:focus{box-sizing:border-box}._3tOu1FJ59c_xz_PmI1lKV5:disabled{cursor:not-allowed}div[dir="rtl"] ._3tOu1FJ59c_xz_PmI1lKV5{margin:0;padding:0;float:left}@media only screen and (max-width: 768px){._2j0fmugLb1FgYz6KPuB91w,._1Upc2NjY8AlDn177YoVj0y{padding-top:8px;padding-bottom:12px;padding-left:3.75%;padding-right:3.75%;margin:0;width:92.5%}._23tra1HsiiP6cT-Cka-ycB{display:block}._1XuCi2WhiqeWRUVp3pnFG3{margin-bottom:8px;margin-left:0;margin-right:0;width:100%}._2bvsb3ubApyZ0UGoQA9O9T{overflow:hidden}.AFsJE948muYyzCMktdzuk{top:1.8%;width:93.33%;height:96.4%;overflow:hidden}.uCYvKvHXrhjNgflv1VqdD{margin-top:24px;margin-left:24px;margin-right:24px;height:100%}._1kBkHQ1V1wu3kl-YcLgUr6{height:62%;height:calc(100% - 188px);min-height:50%}._2uhaEsmeotZ3P-M0AXo2kF{width:100%}._3tOu1FJ59c_xz_PmI1lKV5{margin-bottom:12px;margin-left:0;width:100%}div[dir="rtl"] ._3tOu1FJ59c_xz_PmI1lKV5{margin:0 0 12px 0;padding:0;float:none}}@media only screen and (max-width: 768px) and (orientation: landscape), only screen and (max-height: 260px), only screen and (max-width: 340px){.AFsJE948muYyzCMktdzuk{overflow:auto}}@media only screen and (max-height: 260px), only screen and (max-width: 340px){._1XuCi2WhiqeWRUVp3pnFG3{min-width:0}._3kWyBRbW_dgnMiEyx06Fu4{padding:3%}.uCYvKvHXrhjNgflv1VqdD{margin-top:3%;margin-left:3%;margin-right:3%}._17pX1m9O_W--iZbDt3Ta5r{margin-bottom:3%}._1kBkHQ1V1wu3kl-YcLgUr6{height:calc(79% - 64px)}.nohp3sIG12ZBhzcMnPala{margin-top:5%;margin-bottom:10%}._3tOu1FJ59c_xz_PmI1lKV5{margin-bottom:3%}div[dir="rtl"] ._3tOu1FJ59c_xz_PmI1lKV5{margin:0 0 3% 0;padding:0;float:none}}
</style><style type="text/css" id="ms-consent-banner-theme-styles">._23tra1HsiiP6cT-Cka-ycB {
background-color: #F2F2F2 !important;
}.w8hcgFksdo30C8w-bygqu {
color: #000000 !important;
}.ydkKdaztSS0AeHWIeIHsQ a {
color: #0067B8 !important;
}._2bvsb3ubApyZ0UGoQA9O9T {
background-color: rgba(255, 255, 255, 0.6) !important;
}.AFsJE948muYyzCMktdzuk {
background-color: #FFFFFF !important;
border: 1px solid #0067B8 !important;
}._3kWyBRbW_dgnMiEyx06Fu4 {
color: #666666 !important;
background-color: #FFFFFF !important;
}._1zNQOqxpBFSokeCLGi_hGr {
border: none !important;
background-color: #0067B8 !important;
color: #FFFFFF !important;
}._1zNQOqxpBFSokeCLGi_hGr:enabled:hover {
color: #FFFFFF !important;
background-color: #0067B8 !important;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25) !important;
border: none !important;
}._1zNQOqxpBFSokeCLGi_hGr:enabled:focus {
background-color: #0067B8 !important;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25) !important;
border: 2px solid #000000 !important;
}._1zNQOqxpBFSokeCLGi_hGr:disabled {
opacity: 1 !important;
color: rgba(0, 0, 0, 0.2) !important;
background-color: rgba(0, 120, 215, 0.2) !important;
border: none !important;
}.erL690_8JwUW-R4bJRcfl {
border: none !important;
background-color: #EBEBEB !important;
color: #000000 !important;
}.erL690_8JwUW-R4bJRcfl:enabled:hover {
color: #000000 !important;
background-color: #DBDBDB !important;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25) !important;
border: none !important;
}.erL690_8JwUW-R4bJRcfl:enabled:focus {
background-color: #DBDBDB !important;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25) !important;
border: 2px solid #000000 !important;
}.erL690_8JwUW-R4bJRcfl:disabled {
opacity: 1 !important;
color: rgba(0, 0, 0, 0.2) !important;
background-color: rgba(0, 0, 0, 0.2) !important;
border: none !important;
}input[type="radio"]._1dp8Vp5m3HwAqGx8qBmFV2 + label::before {
border: 1px solid #000000 !important;
background-color: #FFFFFF !important;
}._1HSFn0HzGo6w4ADApV8-c4 {
outline: 2px solid rgba(0, 0, 0, 0.8) !important;
}input[type="radio"]._1dp8Vp5m3HwAqGx8qBmFV2:checked + label::after {
background-color: #000000 !important;
}input[type="radio"]._1dp8Vp5m3HwAqGx8qBmFV2 + label:hover::before {
border: 1px solid #0067B8 !important;
}input[type="radio"]._1dp8Vp5m3HwAqGx8qBmFV2 + label:hover::after {
background-color: rgba(0, 0, 0, 0.8) !important;
}input[type="radio"]._1dp8Vp5m3HwAqGx8qBmFV2 + label:focus::before {
border: 1px solid #0067B8 !important;
}input[type="radio"]._1dp8Vp5m3HwAqGx8qBmFV2 + label:focus::after {
background-color: #000000 !important;
}input[type="radio"]._1dp8Vp5m3HwAqGx8qBmFV2:disabled + label::before {
border: 1px solid rgba(0, 0, 0, 0.2) !important;
background-color: rgba(0, 0, 0, 0.2) !important;
}</style></head>
<body class="home win">
<!-- Setting theme here to avoid FOUC -->
<script>
function setTheme(themeName) {
if (themeName === 'dark') {
document.documentElement.removeAttribute('data-theme'); // dark is default, so no data-theme attribute needed
}
if (themeName === 'light') {
document.documentElement.setAttribute('data-theme', themeName);
}
return;
}
// Determine initial theme: user preference or system preference
let theme = localStorage.getItem('theme') || (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light');
setTheme(theme); // Apply the initial theme
// Listen for changes in the system theme preference
window.matchMedia('(prefers-color-scheme: dark)').addListener(e => {
if (!localStorage.getItem('theme')) { // Only if no user preference is saved
setTheme(e.matches ? 'dark' : 'light');
}
});
</script>
<div id="main">
<div class="navbar-fixed-container">
<div class="navbar navbar-inverse navbar-fixed-top affix-top" data-spy="affix" data-offset-top="1">
<div id="cookie-banner"><div id="wcpConsentBannerCtrl" class="_23tra1HsiiP6cT-Cka-ycB" dir="ltr" role="alert">
<div class="_1Upc2NjY8AlDn177YoVj0y">
<span class="_1V_hlU-7jdtPiooHMu89BB w8hcgFksdo30C8w-bygqu">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 44 44" width="24px" height="24px" fill="none" stroke="currentColor">
<circle cx="22" cy="22" r="20" stroke-width="2"></circle>
<line x1="22" x2="22" y1="18" y2="33" stroke-width="3"></line>
<line x1="22" x2="22" y1="12" y2="15" stroke-width="3"></line>
</svg>
</span> <!-- used for icon -->
<p class="f6QKJD7fhSbnJLarTL-W- ydkKdaztSS0AeHWIeIHsQ w8hcgFksdo30C8w-bygqu">
We use optional cookies to improve your experience on our websites, such as through social media connections, and to display personalized advertising based on your online activity. If you reject optional cookies, only cookies necessary to provide you the services will be used. You may change your selection by clicking “Manage Cookies” at the bottom of the page. <a target="_blank" href="https://go.microsoft.com/fwlink/?LinkId=521839">Privacy Statement</a> <a target="_blank" href="https://aka.ms/3rdpartycookies">Third-Party Cookies</a>
</p>
</div>
<div class="_2j0fmugLb1FgYz6KPuB91w">
<button type="button" class="_1XuCi2WhiqeWRUVp3pnFG3 erL690_8JwUW-R4bJRcfl">Accept</button>
<button type="button" class="_1XuCi2WhiqeWRUVp3pnFG3 erL690_8JwUW-R4bJRcfl">Reject</button>
<button type="button" class="_1XuCi2WhiqeWRUVp3pnFG3 erL690_8JwUW-R4bJRcfl">Manage cookies</button>
</div>
</div></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>
<div class="tabloopElement" tabindex="0" style="display: none;"></div><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" style="max-height: min(60vh, 400px);">
<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" rel="noopener" id="nav-extensions">Extensions</a></li>
<li><a id="nav-faqs" href="/docs/supporting/faq">FAQ</a></li>
<li class="search visible-xs visible-sm"><a href="/Search">Search</a></li>
<li><a id="nav-copilot" href="/docs/copilot/overview">GitHub Copilot</a></li>
</ul>
<ul class="nav navbar-nav navbar-right" role="presentation">
<li>
<button type="button" class="theme-switch" id="theme-toggle">
<img class="theme-icon-light" src="/assets/icons/theme-light.svg" alt="Switch to the dark theme">
<img class="theme-icon-dark" src="/assets/icons/theme-dark.svg" alt="Switch to the light theme">
</button>
</li>
<li>
<a href="/Search" title="Search" class="btn search-btn" id="nav-search">
<img class="search-icon-light" src="/assets/icons/search.svg" width="16px" height="16px" alt="Search">
<img class="search-icon-dark" 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-dark" src="/assets/icons/search-dark.svg" alt="Search">
<img class="search-icon-light" src="/assets/icons/search.svg" 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">
<span>Download</span></a><div class="tabloopElement" tabindex="0" style="display: none;"></div></li>
</ul>
</div>
</div>
</nav>
</div>
</div> <div class="updates-banner home ">
<div class="container">
<p class="message"><a href="/updates" id="banner-link-updates">Version 1.96</a> is now available! Read about the new features and fixes from November.</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> <!-- This div wraps around the entire site -->
<!-- The body itself should already have a main tag -->
<div id="main-content">
<div class="container home">
<div class="hero-content col-sm-12">
<div class="hero-text">
<h1>Code faster with AI</h1>
<p class="hero-description">Visual Studio Code with GitHub Copilot supercharges your code with AI-powered suggestions, right in your editor. </p>
<div class="download-content-wrapper">
<div id="download-buttons" class="download-hero alt-downloads win">
<!-- Download for user's current OS -->
<div class="primary-buttons">
<button type="button" class="link-button dlink" data-os="osx" id="download-buttons-osx">Download for macOS</button>
<button type="button" class="link-button dlink" data-os="win" id="download-buttons-win">Download for Windows</button>
<div class="linux">
<button type="button" class="link-button dlink deb-btn" data-os="linux64_deb" id="download-linux64_deb"><img src="/assets/icons/download.svg" width="18px" height="18px" alt="Download VS Code">.deb<small>Debian, Ubuntu...</small></button>
<button type="button" class="link-button dlink rpm-btn" data-os="linux64_rpm_repo" id="download-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 class="collapse" id="linux32-downloads-insiders">
<ul class="list-unstyled text-center">
<li><a class="dlink" data-os="linux32_deb" id="download-buttons-linux32_deb"><strong>.deb</strong> (x86)</a></li>
<li><a class="dlink" data-os="linux32_rpm" id="download-buttons-linux32_rpm"><strong>.rpm</strong> (x86)</a></li>
<li><a class="dlink" data-os="linux32" id="download-buttons-linux32"><strong>.tar.gz</strong> (x86)</a></li>
</ul>
</div>
</div>
<button type="button" class="link-button dlink other-os" href="/Download">Download<small class="build-type">Stable Build</small></button>
<a class="link-button secondary" href="https://github.com/settings/copilot?utm_source=vscode-landing-2&utm_medium=abovefold&utm_campaign=2024q3-em-MSFT-signup" target="_blank" rel="noopener">Try GitHub Copilot</a>
</div>
</div>
<p id="download-matrix-label" class="hero-alt-download-links"><a href="https://vscode.dev/" target="_blank" rel="noopener" title="For quick code edits locally or remotely on GitHub and Azure Repos." id="download-buttons-web">Web</a>, <a href="/insiders" id="download-buttons-insiders">Insiders edition</a>, or <a href="/Download">other platforms</a></p>
<p class="terms">By using VS Code, you agree to its <span class="wrap-together"><a href="https://code.visualstudio.com/license" target="_blank" rel="noopener" title="View the Visual Studio Code license.">license</a> and <a href="https://go.microsoft.com/fwlink/?LinkId=521839" target="_blank" rel="noopener" title="View the Microsoft privacy statement.">privacy statement</a>.</span></p>
</div> </div>
<img src="/assets/home/home-screenshot-copilot.png" class="hero-image dark" alt="Visual Studio Code in action with AI-powered suggestions from GitHub Copilot, built-in terminal and powerful extensions for all languages and tools">
<img src="/assets/home/home-screenshot-copilot-light.png" class="hero-image light" alt="Visual Studio Code in action with AI-powered suggestions from GitHub Copilot, built-in terminal and powerful extensions for all languages and tools">
</div>
</div>
<div class="container">
<div class="swimlane copilot row">
<div>
<div class="col-sm-6 col-lg-4">
<div class="value-prop-intro">
<h2>Code with GitHub Copilot</h2>
<p>Write code faster and smarter with GitHub Copilot, your AI pair programmer.</p>
<a href="https://github.com/settings/copilot?utm_source=vscode-landing-2&utm_medium=swim&utm_campaign=2024q3-em-MSFT-signup" target="_blank" rel="noopener">Try GitHub Copilot free for 30 days</a>
</div>
<div class="secondary-value-prop">
<p><a href="https://code.visualstudio.com/docs/copilot/ai-powered-suggestions" rel="noopener" class="value-prop-bold">Completions</a> present suggestions automatically to help you code more
efficiently.</p>
</div>
<div class="secondary-value-prop">
<p><a href="https://code.visualstudio.com/docs/copilot/copilot-chat" rel="noopener" class="value-prop-bold">Copilot Chat</a> understands the context of your code, workspace,
extensions, settings, and more.</p>
</div>
<div class="secondary-value-prop">
<p><a href="https://code.visualstudio.com/docs/copilot/getting-started#_refactor-your-code-through-ai-chat" rel="noopener" class="value-prop-bold">Inline Chat</a> enables you to iteratively generate edits
and get answers to quick questions, directly on your code.</p>
</div>
</div>
<div class="col-sm-6 col-lg-8">
<img id="completions-dark" src="/assets/home/swimlane-copilot.png" class="swimlane-image dark" loading="lazy" alt="GitHub Copilot suggesting a code change">
<img id="completions-light" src="/assets/home/swimlane-copilot-light.png" class="swimlane-image light" loading="lazy" alt="GitHub Copilot suggesting a code change">
</div>
</div>
</div>
<div class="swimlane row">
<div>
<div class="col-sm-6 col-lg-4">
<h2>Code in any language</h2>
<p>VS Code supports almost every major programming language. Several ship in the box, like JavaScript, TypeScript, CSS, and HTML, but extensions for others can be found in the VS Code Marketplace.</p>
</div>
<div class="languages col-sm-6 col-lg-8">
<div><img src="/assets/home/language-js.png" alt="JavaScript icon"><code>JavaScript</code></div>
<div><img src="/assets/home/language-ts.png" alt="TypeScript icon"><code>TypeScript</code></div>
<div><img src="/assets/home/language-python.png" alt="Python icon"><code>Python</code></div>
<div><img src="/assets/home/language-cs.png" alt="C# icon"><code>C#</code></div>
<div><img src="/assets/home/language-cpp.png" alt="C++ icon"><code>C++</code></div>
<div><img src="/assets/home/language-html.png" alt="HTML icon"><code>HTML</code></div>
<div><img src="/assets/home/language-java.png" alt="Java icon"><code>Java</code></div>
<div><img src="/assets/home/language-json.png" alt="JSON icon"><code>JSON</code></div>
<div><img src="/assets/home/language-php.png" alt="PHP icon"><code>PHP</code></div>
<div><img src="/assets/home/language-markdown.png" alt="Markdown icon"><code>Markdown</code></div>
<div><img src="/assets/home/language-powershell.png" alt="Powershell icon"><code>Powershell</code></div>
<div><img src="/assets/home/language-yaml.png" alt="YAML icon"><code>YAML</code></div>
</div>
</div>
</div>
<div class="extensions-container row">
<div class="extensions-container-content row">
<div class="col-sm-6 col-lg-4">
<h2>Code with Extensions</h2>
<p>Whether you're a beginner or an expert, we've got you covered. Choose from hundreds of extensions to power up your VS Code experience.</p>
<a href="https://code.visualstudio.com/docs/editor/extension-marketplace" rel="noopener">Learn more about extensions</a>
</div>
<div class="col-sm-6 col-lg-8">
<div class="extensions-grid-container">
<div class="extensions-grid">
<a href="https://marketplace.visualstudio.com/items?itemName=ms-python.python" target="_blank" rel="noopener" class="extension-tile">
<img src="/assets/images/python-extension.png" loading="lazy" alt="Python extension icon">
<div class="extension-tile-details">
<h3>Python</h3>
<p>Adds rich language support for Python</p>
</div>
</a>
<a href="https://marketplace.visualstudio.com/items?itemName=GitHub.copilot" target="_blank" rel="noopener" class="extension-tile">
<img src="/assets/images/copilot-extension.png" loading="lazy" alt="GitHub Copilot extension icon">
<div class="extension-tile-details">
<h3>GitHub Copilot</h3>
<p>Your AI pair programmer</p>
</div>
</a>
<a href="https://marketplace.visualstudio.com/items?itemName=ms-vscode.cpptools" target="_blank" rel="noopener" class="extension-tile">
<img src="/assets/images/c-extension.png" loading="lazy" alt="C/C extension icon">
<div class="extension-tile-details">
<h3>C/C++</h3>
<p>Adds rich language support for C/C++</p>
</div>
</a>
</div>
<div class="extensions-grid">
<a href="https://marketplace.visualstudio.com/items?itemName=ms-toolsai.jupyter" target="_blank" rel="noopener" class="extension-tile">
<img src="/assets/images/jupyter-extension.png" loading="lazy" alt="Jupyter extension icon">
<div class="extension-tile-details">
<h3>Jupyter</h3>
<p>Language support for Jupyter Notebooks</p>
</div>
</a>
<a href="https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens" target="_blank" rel="noopener" class="extension-tile">
<img src="/assets/images/gitlens-extension.png" loading="lazy" alt="GitLens extension icon">
<div class="extension-tile-details">
<h3>GitLens</h3>
<p>Supercharge your Git experience</p>
</div>
</a>
<a href="https://marketplace.visualstudio.com/items?itemName=ms-dotnettools.csdevkit" target="_blank" rel="noopener" class="extension-tile">
<img src="/assets/images/cs-dev-kit-extension.png" loading="lazy" alt="C# Dev Kit extension icon">
<div class="extension-tile-details">
<h3>C# Dev Kit</h3>
<p>Powerful tools for your C# environment</p>
</div>
</a>
</div>
<div class="extensions-grid">
<a href="https://marketplace.visualstudio.com/items?itemName=GitHub.codespaces" target="_blank" rel="noopener" class="extension-tile">
<img src="/assets/images/github-pull-requests-extension.png" loading="lazy" alt="GitHub Codespaces extension icon">
<div class="extension-tile-details">
<h3>GitHub Codespaces</h3>
<p>Fully configured dev environments in the cloud</p>
</div>
</a>
<a href="https://marketplace.visualstudio.com/items?itemName=GitHub.vscode-pull-request-github" target="_blank" rel="noopener" class="extension-tile">
<img src="/assets/images/github-pull-requests-extension.png" loading="lazy" alt="GitHub Pull Requests extension icon">
<div class="extension-tile-details">
<h3>GitHub Pull Requests</h3>
<p>Collaborate on issues and pull requests</p>
</div>
</a>
<a href="https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.vscode-remote-extensionpack" target="_blank" rel="noopener" class="extension-tile">
<img src="/assets/images/remote-extension.png" loading="lazy" alt="Remote Development extension icon">
<div class="extension-tile-details">
<h3>Remote Development</h3>
<p>Open folders in a container on a remote machine</p>
</div>
</a>
</div>
</div>
<div class="extensions-grid-caption">
<p>View 50k+ extensions in the <a href="https://marketplace.visualstudio.com/vscode" rel="noopener" target="_blank">Extension Marketplace</a></p>
</div>
</div>
</div>
</div>
<div class="swimlane row">
<div>
<div class="col-sm-6 col-lg-4">
<div class="value-prop-intro">
<h2>Fully customizable</h2>
<p>Customize your VS Code UI and layout so that it fits your coding style.</p>
</div>
<div class="secondary-value-prop">
<p><a href="https://code.visualstudio.com/docs/getstarted/themes" rel="noopener">Color themes</a> let you modify the colors in VS Code's user interface to suit your preferences and work environment.</p>
</div>
<div class="secondary-value-prop">
<p><a href="https://code.visualstudio.com/docs/getstarted/settings#_settings-sync" rel="noopener" class="value-prop-bold">Settings Sync</a> enables you to share your user settings across your VS Code instances with the Settings Sync feature.</p>
</div>
<div class="secondary-value-prop">
<p><a href="https://code.visualstudio.com/docs/editor/profiles" rel="noopener" class="value-prop-bold">Profiles</a> let you create sets of customizations and quickly switch between them or share them with others.</p>
</div>
</div>
<div class="col-sm-6 col-lg-8">
<img src="/assets/home/swimlane-customized.png" class="swimlane-image dark" loading="lazy" alt="Selecting the GitHub Dark theme with a quick pick">
<img src="/assets/home/swimlane-customized-light.png" class="swimlane-image light" loading="lazy" alt="Selecting the GitHub Dark theme with a quick pick">
</div>
</div>
</div>
<div class="swimlane row">
<div>
<div class="col-sm-6 col-lg-4">
<div class="value-prop-intro">
<h2>Code anywhere</h2>
<p>Code wherever you're most productive, whether you're connected to the cloud, a remote repository, or in the browser with VS Code for the Web (vscode.dev).</p>
</div>
<div class="secondary-value-prop">
<p><a href="https://code.visualstudio.com/docs/sourcecontrol/overview" rel="noopener">Built-in Source Control</a> empowers you with Git support out-of-the-box. Many other source control providers are available through extensions.</p>
</div>
<div class="secondary-value-prop">
<p><a href="https://code.visualstudio.com/docs/remote/codespaces" rel="noopener" class="value-prop-bold">GitHub Codespaces</a> provides cloud-powered development environments for any activity - whether it's a long-term project, or a short-term task like reviewing a pull request.</p>
</div>
</div>
<div class="col-sm-6 col-lg-8">
<img src="/assets/home/swimlane-anywhere.png" class="swimlane-image dark" loading="lazy" alt="vscode.dev in an Edge browser tab">
<img src="/assets/home/swimlane-anywhere-light.png" class="swimlane-image light" loading="lazy" alt="vscode.dev in an Edge browser tab">
</div>
</div>
</div>
<div class="row">
<div class="secondary-tagline col-sm-12">
<h2>Code with rich features</h2>
<p>There's a lot more to an editor. Whether it's using built-in features or rich extensions, there's something for everyone.</p>
</div>
<div class="feature-grid col-sm-12">
<a href="https://code.visualstudio.com/docs/terminal/basics" class="feature-card">
<img src="/assets/icons/codicon-terminal.svg" alt="terminal icon">
<h3 class="feature-card-title">Integrated terminal</h3>
<p>Use your favorite shell whether it's zsh, pwsh, or git bash, all inside the editor.
</p>
</a>
<a href="https://code.visualstudio.com/docs/editor/debugging" class="feature-card">
<img src="/assets/icons/codicon-debug.svg" alt="debug icon">
<h3 class="feature-card-title">Run code</h3>
<p>Run and debug your code without leaving your editor.</p>
</a>
<a href="https://code.visualstudio.com/docs/sourcecontrol/overview" class="feature-card">
<img src="/assets/icons/codicon-version-control.svg" alt="branching icon">
<h3 class="feature-card-title">Version control</h3>
<p>Built-in support for git and many other source control providers.</p>
</a>
<a href="https://code.visualstudio.com/docs/editor/tasks" class="feature-card">
<img src="/assets/icons/codicon-build-tasks.svg" alt="tools icon">
<h3 class="feature-card-title">Build tasks</h3>
<p>Run tools and analyze their results from within VS Code.</p>
</a>
<a href="https://code.visualstudio.com/updates/v1_66#_local-history" class="feature-card">
<img src="/assets/icons/codicon-local-history.svg" alt="history icon">
<h3 class="feature-card-title">Local history</h3>
<p>Never lose your changes with automatically tracked local history.</p>
</a>
<a href="https://code.visualstudio.com/docs/getstarted/themes" class="feature-card">
<img src="/assets/icons/codicon-themes.svg" alt="palette icon">
<h3 class="feature-card-title">Themes</h3>
<p>Your theme is an extension of your personality. Add some flair to your editor and add your touch.</p>
</a>
<a href="https://code.visualstudio.com/docs/editor/accessibility" class="feature-card">
<img src="/assets/icons/codicon-accessibility.svg" alt="keyboard icon">
<h3 class="feature-card-title">Accessibility</h3>
<p>Optimized experience for screen readers, high contrast themes, and keyboard-only navigation.</p>
</a>
<a href="https://code.visualstudio.com/docs/editor/vscode-web" class="feature-card">
<img src="/assets/icons/codicon-web.svg" alt="globe icon">
<h3 class="feature-card-title">Web support</h3>
<p>Whether you are on your phone, tablet, or desktop, you can access your code from anywhere.</p>
</a>
</div>
</div>
</div>
</div>
</div>
<footer role="contentinfo" class="container">
<div class="footer-container">
<div class="footer-row">
<div class="footer-social">
<ul class="links">
<li>
<a href="https://go.microsoft.com/fwlink/?LinkID=533687"><img src="/assets/icons/x-icon.svg" class="x-icon" alt="Follow us on X"></a>
</li>
<li>
<a href="https://github.com/microsoft/vscode"><img src="/assets/icons/github-icon.svg" alt="VS Code on Github"></a>
</li>
<li>
<a href="https://www.youtube.com/@code"><img src="/assets/icons/youtube-icon.svg" alt="VS Code on YouTube"></a>
</li>
<script>
function manageConsent() {
if (siteConsent && siteConsent.isConsentRequired) {
siteConsent.manageConsent();
}
}
</script>
</ul>
<a id="footer-microsoft-link" class="microsoft-logo" href="https://www.microsoft.com">
<img src="/assets/icons/microsoft.svg" alt="Microsoft homepage">
</a>
</div>
</div>
<div class="footer-row">
<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" rel="noopener">Support</a></li>
<li><a id="footer-privacy-link" href="https://go.microsoft.com/fwlink/?LinkId=521839" target="_blank" rel="noopener">Privacy</a></li>
<li style=""><a id="footer-cookie-link" style="cursor: pointer;" onclick="manageConsent()" target="_blank" rel="noopener">Manage Cookies</a></li>
<li><a id="footer-terms-link" href="https://www.microsoft.com/legal/terms-of-use" target="_blank" rel="noopener">Terms of Use</a></li>
<li><a id="footer-license-link" href="/License" target="_blank" rel="noopener">License</a></li>
</ul>
</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.96",
"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>