CINXE.COM
Live Server - Visual Studio Marketplace
<html lang="en-us"> <head> <meta name="description" content="Extension for Visual Studio Code - Launch a development local Server with live reload feature for static & dynamic pages" /><meta name="keywords" content="HTML Preview,keybindings,live preview,live reload,multi-root ready,open in browser,svg preview" /><meta property="og:title" content="Live Server - Visual Studio Marketplace" /><meta property="og:type" content="website" /><meta property="og:url" content="https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer" /><meta property="og:image" content="https://ritwickdey.gallerycdn.vsassets.io/extensions/ritwickdey/liveserver/5.7.9/1661914858952/Microsoft.VisualStudio.Services.Icons.Default" /><meta property="og:description" content="Extension for Visual Studio Code - Launch a development local Server with live reload feature for static & dynamic pages" /><meta property="twitter:card" content="summary" /><meta property="twitter:site" content="@Code" /><link rel="canonical" href="https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer" /> <style> html { overflow-y: scroll; } body { font-family: wf_segoe-ui, Helvetica Neue, Helvetica, Arial, Verdana; color: rgba( 0, 0, 0, 1); font-size: 12px; background-color: rgba(255, 255, 255, 1); margin: 0; padding: 0; } /* L0 header styles start*/ .uxservices-header { height: 34px; background-color:black; } a.skip-main { left: -999px; position: absolute; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: -999; } a.skip-main:focus, a.skip-main:active { color: #0078D4; background-color: #FFFFFF; position: absolute; left: auto; top: auto; width: 122px; height: 33px; overflow: auto; padding-left: 12px; padding-right: 12px; padding-top: 7px; text-align: center; font-size: 14px; font-weight: 500; font-family: 'Segoe UI'; line-height: 20px; z-index: 999; } a.skip-main:hover { color: #005BA1; background-color: #F2F2F2; } .uxservices-header div.upperBandContent { background-color:black; color: white; line-height: 17px; width:100%; margin:0 auto; box-sizing:border-box; max-width: 1160px; padding: 0px; } .uxservices-header div.upperBandContent .left { padding: 5px 0 0 0; } .uxservices-header div.upperBandContent .left .vs-logo-header { height: 31px; padding-top: 5px; } .uxservices-header div.upperBandContent .left .marketplacetext-header { vertical-align: 9px; padding-top: 5px; } .uxservices-header div.upperBandContent .right { display: inline-block; position: relative; background-color: black; font-size: 11px; padding-top: 10px; } .uxservices-header div.upperBandContent .right .signIn { font-weight: 600; float: left; } .uxservices-header .marketPlaceLogoLink { white-space: pre; font-size: 16px; line-height: 16px; vertical-align: -4px; display: inline-block; color: white; } .uxservices-header .marketPlaceLogoLink.vs-brand-icon { width: 30px; height: 30px; background: url(https://cdn.vsassets.io/v/M246_20241014.9/_content/Header/ImageSprite.png) no-repeat -250px 0 !important; } .uxservices-header .right a { font-family: wf_segoe-ui, -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Helvetica Neue", "Lucida Grande", sans-serif; font-size: inherit; } .uxservices-header div.upperBandContent .scarabLink { margin-right: 0.23em; } #Fragment_SearchBox { display: inline-block; margin-left: 25px; height: 13px; } #Fragment_SearchBox .header-search-button { height: 20px; width: 20px; background: url(https://cdn.vsassets.io/v/M246_20241014.9/_content/Header/ImageSprite.png) no-repeat -195px 0 !important; cursor: pointer; border: none; margin-left: 3px; padding: 0px; } #Fragment_SearchBox .header-search-button:focus { outline-color: rgb(77, 144, 254); outline-style: auto; outline-width: 5px; } #Fragment_SearchBox .header-search-textbox { vertical-align: top; background-color: #6a6a6a; color: #ffffff; padding-left: 2px; } /* l0 header ends*/ .tab { overflow: hidden; border-bottom: 1px solid #ccc; background-color: transparent; margin-bottom: 25px; } /* Style the buttons that are used to open the tab content */ .tab button { background-color: transparent; float: left; border: none; outline: none; cursor: pointer; padding: 0px 16px; font-size: 16px; height: 40px; border-width: 1px; border-style: solid; border-color: transparent } /* Change background color of buttons on hover */ .tab button:hover { color: #106ebe; } .tab button.selected { color: #106ebe; border-bottom: 2px solid #106ebe; } .tab button:focus, .tab button.selected:focus { border-color: #000000; } /* Style the tab content */ .tabcontent { padding: 6px 12px; } .bowtie-icon, i.bowtie-icon { font-family: "Bowtie"; font-size: 14px; speak: none; display: inline-block; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-align: center; text-decoration: none; line-height: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .bowtie-icon:disabled, i.bowtie-icon:disabled { opacity: 0.5; } .bowtie-brand-visualstudio::before { content: "\E91D"; } .bowtie-install::before { content: "\E92C"; } .bowtie-search::before { content: "\E986"; } .bowtie-navigate-external::before { content: "\E9D0"; } .bowtie-status-info::before { content: "\EA08"; } .bowtie-status-info { color: rgba(0, 120, 212, 1); color: var(--communication-background, rgba(0, 120, 212, 1)); } * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } a:not(.ms-Button) { color: rgba(0, 120, 212, 1); color: var(--communication-foreground, rgba(0, 120, 212, 1)); text-decoration: none; cursor: pointer; } a:not(.ms-Button):hover { color: rgba(0, 120, 212, 1); color: var(--communication-foreground, rgba(0, 120, 212, 1)); text-decoration: underline; } a:not(.ms-Button):visited { color: rgba(0, 120, 212, 1); color: var(--communication-foreground, rgba(0, 120, 212, 1)); } a:not(.ms-Button):active { color: rgba(0, 120, 212, 1); color: var(--communication-foreground, rgba(0, 120, 212, 1)); } button { font-family: "Segoe UI VSS (Regular)", "Segoe UI", "-apple-system", BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Ubuntu, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; height: 30px; border: 1px solid; border-color: rgba( 200, 200, 200, 1); border-color: rgba( var(--palette-neutral-20, 200, 200, 200), 1); background-color: rgba( 248, 248, 248, 1); background-color: rgba( var(--palette-neutral-2, 248, 248, 248), 1); color: rgba( 51, 51, 51, 1); color: rgba( var(--palette-neutral-80, 51, 51, 51), 1); cursor: pointer; outline: 0; padding: 2px 12px 2px 12px; } button:hover:not(.ms-Button):not(.bolt-button):not(.link-as-button), button:focus:not(.ms-Button):not(.bolt-button):not(.link-as-button) { border-color: rgba( 166, 166, 166, 1); border-color: rgba( var(--palette-neutral-30, 166, 166, 166), 1); border-style: dotted; } .pricingTab-loader-container, .qnaTab-loader-container, .rnrTab-loader-container, .versionHistoryTab-loader-container { text-align: center; } .pricingTab-loader-container .loader, .qnaTab-loader-container .loader, .rnrTab-loader-container .loader, .versionHistoryTab-loader-container .loader { display: inline-block; } .item-details-control-root .ux-section-resources ul li a { text-decoration:underline!important; } /* Styles for bread crumb */ .bread-crumb-container { font-size: 13px; color: #FFFFFF; height: 45px; line-height: 45px; } .bread-crumb-container .member { text-decoration: none; } .bread-crumb-container .separator { padding: 0 5px; } .bread-crumb-container a:visited { color: #FFFFFF; } .bread-crumb-container a { color: #FFFFFF; } .bread-crumb-container a:hover { color: #FFFFFF; } .item-details-control-root .breadcrumb { background-color: #232323; color: #FFFFFF; line-height: 45px; font-size: 13px; /* min-width: 1250px; */ } .item-details-control-root .breadcrumb .vsCodeDownloadLinkContainer { float: right; color: inherit; } .item-details-control-root .breadcrumb .vsCodeDownloadLink { color: #0090ff; } /* end of bread crumb styles */ /* Styles for item banner */ .ux-section-banner { padding: 16px 0px; background-color: #eff1f3; /* min-width: 1250px; */ } .item-details-control-root .ux-section-banner { padding: 32px 0px; background-color: #eff1f3; } .gallery-centered-content { width: 1160px; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px; } @media all and (max-width:1165px){ .gallery-centered-content{ width:100%; padding-left:25px; padding-right:25px; } } table { border-collapse: collapse; border-spacing: 0; margin: 0; padding: 0; border: 0; } .item-details-control-root .item-img { text-align: center; vertical-align: top; width: 132px; } .item-details-control-root .item-img img { max-width: 128px; position: relative; visibility: hidden; } .item-details-control-root .item-header .item-header-content { font-size: 14px; margin-left: 32px; } .item-details-control-root .ux-item-name { font-size: 26px; font-weight: 600; display: inline-block; padding-right: 8px; } .item-details-control-root .ux-item-second-row-wrapper { margin-top: 4px; } .item-details-control-root .ux-item-second-row-wrapper>div { display: inline-block; } .item-details-control-root .ux-item-second-row-wrapper>div:nth-child(1) { margin-right: 10px; } .item-details-control-root .ux-item-second-row-wrapper>.ux-item-rating { margin-left: 10px; margin-right: 10px; } .item-details-control-root .ux-item-second-row-wrapper>.item-price-category { margin-left: 10px; margin-right: 10px; } .item-details-control-root .item-header h1, .item-details-control-root .item-header h2 { margin: 0px; padding: 0px; display: inline-block; font-size: 0em; font-weight: normal; } .item-details-control-root .item-header .dark { color: #FFFFFF; } .item-details-control-root .ux-item-rating { font-size: 14px; } .item-details-control-root .ux-item-publisher { font-size: 18px; } .item-details-control-root .ux-item-publisher-link { font-size: 18px; font-weight: 600; } .item-details-control-root .ux-item-shortdesc { margin: 20px 0; max-width: 608px; line-height: 1.5; overflow: hidden; } .item-details-control-root .dark .item-banner-focussable-child-item:focus { outline: 1px dotted white; } .item-details-control-root .item-header .item-header-content.light .installHelpInfo a { color: #000000; text-decoration: underline; border-color: #000000; } .item-details-control-root .item-header .item-header-content.dark .installHelpInfo a { color: #FFFFFF; text-decoration: underline; } .ux-section-details-tabs .version-history-top-container { width: 100% } /* not unpublished */ .one-click-install-container { display: flex; } .installHelpInfo { margin-left: 10px; } .installHelpInfo>a { vertical-align: sub; } .textContainer-41 { flex-grow: 1; } .flexContainer-40 { display: flex; height: 100%; flex-wrap: nowrap; justify-content: center; align-items: center; } .label-43 { margin-top: 0px; margin-right: 4px; margin-bottom: 0px; margin-left: 4px; line-height: 100%; font-weight: 600; } .item-details-control-root .ux-button.install { position: relative; font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif; -webkit-font-smoothing: antialiased; font-size: 14px; font-weight: 400; box-sizing: border-box; display: inline-block; text-align: center; cursor: pointer; vertical-align: top; padding-top: 0px; padding-right: 16px; padding-bottom: 0px; padding-left: 16px; min-width: 80px; height: 32px; background-color: rgb(244, 244, 244); color: rgb(51, 51, 51); user-select: none; outline: transparent; border-width: 1px; border-style: solid; border-color: transparent; border-image: initial; text-decoration: none; border-radius: 0px; } .item-details-control-root .item-header-content .install-button-container .ux-button.install.buttonDisabled { background-color: #AAAAAA; color: #EEEEEE; opacity: 1; border: 1px solid #E6E6E6; } .item-details-control-root .item-header-content .install-button-container .ux-button.install.buttonDisabled:hover { cursor: default; opacity: 1; } .item-details-control-root .dark .ux-button.install { background-color: #107c10; color: #FFFFFF; min-width: 120px; border: 1px solid #FFFFFF; } .item-details-control-root .dark .ux-button.install:hover { background-color: #AAAAAA; opacity: 0.6; } .ux-item-action a.install-button-container { line-height: 32px; } .item-details-control-root .light .ux-button.install { background-color: #107c10; color: #FFFFFF; min-width: 120px; border: 1px solid #666666; } .item-details-control-root .light .ux-button.install:hover, .item-details-control-root .light .ux-button.install:focus { background-color: #074507; } .item-details-control-root .dark .ux-button.install:focus, .item-details-control-root .light .ux-button.install:focus { border: 1px dotted; } /* End of item banner styles. */ /* Styles for item details overview */ .item-details-control-root .ux-section-details { margin: 24px 0 34px 0px; font-size: 13px; } .item-details-control-root .ux-section-details .itemdetails-section-header { font-size: 16px; font-weight: bold; color: #555; padding-bottom: 16px; } .item-details-control-root .ux-section-details .ux-section-details-table { width: 100%; table-layout: fixed; } .item-details-control-root .ux-itemdetails-left { vertical-align: top; font-size: 14px; padding-right: 20px; } .item-details-control-root .ux-itemdetails-right { width: 34.45%; vertical-align: top; padding: 0 0 0 20px; } @media all and (max-width:768px) { .item-details-control-root .ux-itemdetails-left { float: left; width: 100%; padding-right: 0px; } .item-details-control-root .ux-itemdetails-right{ padding-left:0px!important; float:left; width:100%; } } .item-details-control-root .itemDetails-right { display: none; } .item-details-control-root .markdown { color: #222; line-height: 1.6; position: relative; } .gallery-centered-content .markdown a { color: rgba(0, 120, 212, 1); text-decoration:underline; } .markdown table tr:nth-child(2n) a, .gallery-centered-content .markdown a code { color: rgb(15, 113, 196); } .item-details-control-root .markdown > *:first-child { margin-top: 0!important; } .item-details-control-root .markdown .link-header:target:before { content: ""; display: block; height: 250px; margin: -250px 0 0; } .link-as-button { height: initial; } .link-as-button:hover { text-decoration: underline; } /* End of item details overview styles. */ /* Styles for footer */ #ux-footer { line-height: 1.2em; } #ux-footer:after { content: ""; display: table; clear: both; } #ux-footer a { color: #595958; } #ux-footer a:hover { color: #3399ff; } #ux-footer ul.links { padding: 0; line-height: 1.2em; } #ux-footer .linkList>ul>li { list-style-type: none; background: none; padding: 4px 0; margin: 0; } #ux-footer #baseFooter { width: 1160px; padding: 15px 10px; margin: 0 auto; } @media all and (max-width:1165px){ #ux-footer #baseFooter{ width:100%; padding:15px 20px; } } #ux-footer #baseFooter:after { content: ""; display: table; clear: both; } #ux-footer #baseFooter li { display: inline-block; list-style-type: none; margin: 0 15px 0 0; } #ux-footer #baseFooter #Fragment_BaseFooterLinks { text-align: right; } #ux-footer #baseFooter #rightBaseFooter { float: right; width: 18%; font-family: wf_segoe-ui, Tahoma, Helvetica, Sans-Serif; color: #595958; font-weight: bold; } @media only screen and (max-width: 400px) { #ux-footer #baseFooter #rightBaseFooter{ width:100%; text-align: center; } .ux-section-banner td.item-img img { width: 100% !important; } } #ux-footer span.microsoftLogo { display: inline-block; margin-left: 16px; } .microsoftLogo { background: url(https://cdn.vsassets.io/v/M246_20241014.9/_content/Header/ImageSprite.png) no-repeat -93px 0!important; } .microsoftLogo { width: 70px; height: 14px; overflow: hidden; } /* End of footer styles. */ /* Styles for markdown */ .markdown img { max-width: 100%; } .markdown video { max-width: 100%; } .markdown h1, .markdown h2 { line-height: 1.4; margin-top: 1em; margin-bottom: 16px; } .markdown h1 { font-size: 1.5em; line-height: 1.2em; border-bottom: 1px solid #eee; margin-top: 2em; padding-bottom: 10px; } .markdown h2 { font-size: 1.375em; line-height: 1.2em; border-bottom: 1px solid #eee; margin-top: 2em; padding-bottom: 10px; } .markdown h3 { font-size: 1.25em; } .markdown h4 { font-size: 1.125em; } .markdown h5 { font-size: 1.0em; } .markdown blockquote { padding: 0 15px; color: #777; border-left: 4px solid #ddd; margin: 0; } .markdown pre { padding: 16px; overflow: auto; font-size: 85%; line-height: 1.45; background-color: #f7f7f7; border-radius: 3px; word-wrap: normal; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; } .markdown code, .markdown tt { padding: 0; background-color: rgba(0, 0, 0, 0.04); margin: 0; padding-top: 0.2em; padding-bottom: 0.2em; border-radius: 3px; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; } .markdown pre > code { background-color: inherit; } .markdown table { display: block; width: 100%; overflow: auto; word-break: normal; word-break: keep-all; } .markdown table th { font-weight: bold; } .markdown table th, .markdown table td { padding: 6px 13px; border: 1px solid #ddd; } .markdown table tr { background-color: #fff; border-top: 1px solid #ccc; } .markdown table tr:nth-child(2n) { background-color: #f8f8f8; } /* End of markdown styles. */ .main-content.item-details-main-content { min-height: 950px; } .item-details-main-content { background-color: #FFFFFF; } .ms-Fabric { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; color: #333333; font-family: "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif; font-size: 14px; } .ms-Fabric button { font-family: inherit; } .ux-section-details-tabs { margin-top: -20px; } @font-face { font-family: wf_segoe-ui; src: url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.eot"); src: local("Segoe UI Light"), local("Segoe Light"), local("Segoe WP Light"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.eot?#iefix") format("embedded-opentype"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.ttf") format("truetype"); font-weight: 200; font-style: normal; -webkit-font-smoothing: antialiased; } #survey-container { position: relative; background-color: #f5ebc5; justify-content: space-between; text-align: center; } #survey-content-container { margin: 0; padding-left: 5%; padding-top: 8px; padding-bottom: 8px; padding-left:30%; padding-right:15%; } #survey-content-text { color: #000000 !important; 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; } #survey-info-icon { display: table-cell; padding: 4px; width: 24px; height: 24px; line-height: 0; text-align: left; } @font-face { font-family: wf_segoe-ui; src: url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.eot"); src: local("Segoe UI Semilight"), local("Segoe Semilight"), local("Segoe WP Semilight"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.eot?#iefix") format("embedded-opentype"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.ttf") format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: wf_segoe-ui; src: url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.eot"); src: local("Segoe UI"), local("Segoe"), local("Segoe WP"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.eot?#iefix") format("embedded-opentype"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: wf_segoe-ui; src: url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semibold/latest.eot"); src: local("Segoe UI Semibold"), local("Segoe Semibold"), local("Segoe WP Semibold"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semibold/latest.eot?#iefix") format("embedded-opentype"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semibold/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semibold/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semibold/latest.ttf") format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: wf_segoe-ui; src: url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semibold/latest.eot"); src: local("Segoe UI Semibold"), local("Segoe Semibold"), local("Segoe WP Semibold"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semibold/latest.eot?#iefix") format("embedded-opentype"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semibold/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semibold/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semibold/latest.ttf") format("truetype"); font-weight: 600; font-style: normal; } @font-face { font-family: wf_segoe-ui; src: url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.eot"); src: local("Segoe UI Bold"), local("Segoe Bold"), local("Segoe WP Bold"), local("Segoe UI"), local("Segoe"), local("Segoe WP"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.eot?#iefix") format("embedded-opentype"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.ttf") format("truetype"); font-weight: bold; font-style: normal; } @font-face { font-family: wf_segoe-ui_light; src: url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.eot"); src: local("Segoe UI Light"), local("Segoe Light"), local("Segoe WP Light"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.eot?#iefix") format("embedded-opentype"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bowtie'; font-style: normal; font-weight: normal; src: url(https://cdn.vsassets.io/v/M246_20241014.9/_content/Fonts/Icons/bowtie.eot); src: url(https://cdn.vsassets.io/v/M246_20241014.9/_content/Fonts/Icons/bowtie.eot?iefix) format("embedded-opentype"), url(https://cdn.vsassets.io/v/M246_20241014.9/_content/Fonts/Icons/bowtie.woff) format("woff"), url(https://cdn.vsassets.io/v/M246_20241014.9/_content/Fonts/Icons/bowtie.svg#bowtie) format("svg"); } /*Sponsor start*/ @font-face { font-family: AzureDevOpsMDL2Assets; src: url(https://cdn.vsassets.io/v/M246_20241014.9/_content/Fonts/Icons/AzDevMDL2.woff) format('woff'); } .ux-item-sponsor-text { background-color: #F1F1F1; border: 1px solid #007ACC; color: #000000; padding: 5px 0px 5px 10px; } .ux-item-sponsor-heart-icon{ color: #B51E78; padding: inherit; padding-left: 6px; font-weight: 600; position: relative; top: 3px; } .bowtie-heart-icon::before { content: "\EB52"; font-family: AzureDevOpsMDL2Assets; } .bowtie-heart-icon { color: rgba(0, 120, 212, 1); color: var(--communication-background, rgba(0, 120, 212, 1)); } .ux-sponsor-text-icon { padding-left: 6px; padding-right: 6px; } /*Sponsor style end*/ /* Verified Domain style begin */ /* Verified Domain style end */ /* top pub. style begin */ /* top pub. style end */ /*rating review style begin*/ .item-details-control-root .ux-item-review-rating .ux-item-rating-control .rating-control .star { min-width: 16px; min-height: 16px; height: 12px; width: 12px; padding-top: 0px; margin: 0px 2px; } .item-details-control-root .ux-item-second-row-wrapper .ux-item-review-rating-wrapper { text-decoration: none; color: inherit; padding-top: 1px; padding-bottom: 3px; } .item-details-control-root .ux-item-second-row-wrapper .ux-item-review-rating-wrapper .ux-item-review-rating{ display: inline-flex; } .item-details-control-root .ux-item-second-row-wrapper .ux-item-review-rating-wrapper .ux-item-review-rating .ux-item-rating-control { margin-left: 10px; top: 2px; position: relative; } .item-details-control-root .ux-item-second-row-wrapper .ux-item-review-rating-wrapper .ux-item-review-rating .ux-item-rating-count { margin-left: 5px; font-size: 16px; margin-top: -1px; margin-right: 8px; } /*rating review style end*/ /*Spinner*/ .loader-container { text-align: -webkit-center; text-align: -mozkit-center; } .loader { border: 3px solid #f3f3f3; border-radius: 50%; border-top: solid #808080; width: 30px; height: 30px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .tooltip { position: relative; display: inline-block; border-bottom: 1px dotted black; } .tooltip .tooltiptext { visibility: hidden; width: 310px; background-color: black; color: white; text-align: center; border-radius: 6px; padding: 0px 0; position: absolute; z-index: 1; top: 1px; right: 100%; } .tooltip:hover .tooltiptext { visibility: visible; } .uxservices-header #signIn .tooltip a:focus-within .tooltiptext, .uxservices-header .signIn .tooltip a:focus-within .tooltiptext { visibility: visible; } .uxservices-header .tooltip .tooltiptext #copy_button:focus #outInfo { padding: 5px 10px; border: 1px solid #fff !important; } .ms-Button-icon.bowtie-icon.bowtie-copy-to-clipboard.icon-64:before{ content: "\E8C8"; font-family: AzureDevOpsMDL2Assets; } </style> <script type="text/javascript" src="https://wcpstatic.microsoft.com/mscc/lib/v2/wcp-consent.js"></script> <script type="text/javascript" nonce="PXkYv13p33oI4VCtGOr+1A=="> function sue(em, s, l, c, eo){var w=window,p="ue";w[p]=w[p]||[];w[p].push({"em":em,"s":s,"l":l,"c":c,"eo":eo});return false;} window.onerror = sue; isServerSideRendering = function () { try { return !(document !== undefined); } catch (e) { return true; } }; redirectToNonSSR = function(area) { var fqn = document.getElementById("FQN").value; var galleryUrl = document.getElementById("galleryUrl").value; window.location.assign(window.location.origin + galleryUrl +"items?itemName=" + fqn + "&ssr=false" + area); } hideAndShowTabs = function(tabToShow) { var currentTab = document.getElementsByClassName("selected-tab"); currentTab[0].style.display = "none"; currentTab[0].classList.remove("selected-tab"); var selectedTab = document.getElementById(tabToShow); selectedTab.classList.add("selected-tab"); selectedTab.style.display = "block"; // Changing the button styling for the newly clicked button var currentTabButton = document.getElementsByClassName("selected"); currentTabButton[0].classList.remove("selected"); var selectedTabButton = document.getElementById(tabToShow.slice(0, -3)); selectedTabButton.classList.add("selected"); } if (!isServerSideRendering()) { document.addEventListener('DOMContentLoaded', function () { document.getElementById("overview").addEventListener("click", function (e) { hideAndShowTabs("overviewTab"); }); document.getElementById("qna").addEventListener("click", function (e) { redirectToNonSSR("#qna"); }); document.getElementById("versionHistory").addEventListener("click", function (e) { hideAndShowTabs("versionHistoryTab"); }); document.getElementById("rnr").addEventListener("click", function (e) { redirectToNonSSR("#review-details"); }); document.getElementById("review-details").addEventListener("click", function (e) { redirectToNonSSR("#review-details"); }); // vscode copy command handlings let copyCommandInput = document.getElementById("vscode-command-input"); if (copyCommandInput) { copyCommandInput.addEventListener("click", function (e) { e.target.select(); }); document.getElementById("copy-to-clipboard-button").addEventListener("click", function (e) { document.getElementById("vscode-command-input").select(); var successful = document.execCommand('copy'); if (successful) { var element = document.getElementById("copied-animation"); element.style.display = "block"; } }); } // add handler for search document.getElementById("Fragment_SearchBox").addEventListener("submit", function (e) { e.preventDefault(); var queryText = document.getElementById("header-search-textbox").value; var galleryUrl = document.getElementById("galleryUrl").value; var searchTarget = document.getElementById("searchTarget").value; window.location = window.location.origin + galleryUrl + "search?term=" + queryText + "&target=" + searchTarget; }); let acqBtn = document.getElementsByClassName("install-button-container"); if (acqBtn && acqBtn[0]) { acqBtn[0].onclick = function (event) { var w = window, p = "ciEvents"; w[p] = w[p] || []; w[p].push({ "acquisition": true, "event": event }); }; } }); } document.addEventListener('DOMContentLoaded', function () { if (document.getElementById("mgtConsentCookie") != null) { document.getElementById("mgtConsentCookie").addEventListener("click", function (e) { console.log("from aspx hit."); manageConsent(); }); } }); document.addEventListener('DOMContentLoaded', function () { var h1targetDiv = document.getElementById("overviewTab").getElementsByTagName("h1"); for (var i = 0; i < h1targetDiv.length; i++) { h1targetDiv[i].setAttribute('role', 'heading'); h1targetDiv[i].setAttribute('aria-level', '2'); } }); </script> <title> Live Server - Visual Studio Marketplace </title> </head> <a href="#start-of-content" class="skip-main">Skip to content</a> <body class="platform gallery gallery-page-item-details"> <div id="cookie-banner"></div> <div class="uxservices-header" role="banner"> <div class="upperBandContent"> <a href="/" title="| Marketplace" class="left" > <img class="vs-logo-header" aria-label="Visual Studio logo" src="https://cdn.vsassets.io/v/M246_20241014.9/_content/Header/vs-logo.png"/> <div id="marketPlaceLogoLink" class="marketPlaceLogoLink marketplacetext-header" aria-label="Marketplace logo">| Marketplace</div> </a> <div class="right" style="float: right;"> <div class="signIn"> <a href="https://app.vssps.visualstudio.com/_signin?realm=marketplace.visualstudio.com&reply_to=https%3A%2F%2Fmarketplace.visualstudio.com%2Fitems%3FitemName%3Dritwickdey.LiveServer&redirect=1&context=eyJodCI6MywiaGlkIjoiMjY2M2IxM2YtNTBlMy1hNjU1LWExNTktMjJmNmY0NzI1ZmFiIiwicXMiOnt9LCJyciI6IiIsInZoIjoiIiwiY3YiOiIiLCJjcyI6IiJ90&workflowId=marketplace&wt.mc_id=o~msft~marketplace~signIn#ctx=eyJTaWduSW5Db29raWVEb21haW5zIjpbImh0dHBzOi8vbG9naW4ud2luZG93cy5uZXQiLCJodHRwczovL2xvZ2luLm1pY3Jvc29mdG9ubGluZS5jb20iXX01" class="scarabLink" style="margin-left:23px;padding-top:1px;color:#fff;font-weight:400;"> Sign in </a> </div> <form id="Fragment_SearchBox" class="header-search" aria-label="search" role="search" data-fragmentname="SearchBox"> <input id="header-search-textbox" class="header-search-textbox" aria-label="search" max-length="200" type="text" autocomplete="off"> <button id="header-search-button" class="header-search-button" aria-label="search" type="submit"></button> </form> </div> </div> </div> <div class="skiptarget" id="start-of-content"></div> <div id="react_0HN8DMN4GJPIB"><div data-reactroot=""><div class="item-details-control-root"><div class="breadcrumb"><div class="gallery-centered-content"><span class="bread-crumb-container"><a class="member" href="/vscode">Visual Studio Code</a><span class="separator">></span><a class="member" href="/search?sortBy=Installs&category=Other&target=VSCode">Other</a><span class="separator">></span><span class="member">Live Server</span></span><span class="vsCodeDownloadLinkContainer"><span>New to Visual Studio Code?</span> <a class="vsCodeDownloadLink" href="https://go.microsoft.com/fwlink?linkid=846418&pub=ritwickdey&ext=LiveServer&utm_source=vsmp&utm_campaign=mpdetails" target="_blank" rel="noreferrer noopener nofollow" aria-label="Get Visual Studio Code Now">Get it now.</a></span></div></div><div class="main-content item-details-main-content" id="vss_1"><div class="item-details-control-root"><div class="ux-item-details"><div class="ux-section-banner" id="section-banner" style="background-color:#41205f"><div class="ux-section-core gallery-centered-content"><table role="presentation"><tbody><tr><td class="item-img" id="vss_2"><img class="image-display" alt="Live Server" src="https://ritwickdey.gallerycdn.vsassets.io/extensions/ritwickdey/liveserver/5.7.9/1661914858952/Microsoft.VisualStudio.Services.Icons.Default" style="top:0.5px;visibility:visible"/></td><td class="item-header"><div class="item-header-content dark"><h1><span class="ux-item-name">Live Server</span></h1><div class="ux-item-second-row-wrapper"><div class="ux-item-publisher"><h2 role="presentation"><a class="ux-item-publisher-link item-banner-focussable-child-item" href="publishers/ritwickdey" aria-label="More from Ritwick Dey publisher" style="color:#ffffff">Ritwick Dey</a></h2></div><span class="divider"> | </span><div class="ux-item-rating"><div class="bowtie-icon bowtie-install"></div><span class="installs-text" title="The number of unique installations, not including updates."> 56,818,910 installs</span></div><a id="review-details" href="#review-details" class="ux-item-review-rating-wrapper" aria-label="Average rating: 4.4 out of 5. Navigate to user reviews."><span class="ux-item-review-rating" title="Average rating: 4.4 out of 5"><span class="divider"> | </span><span class="ux-item-rating-control"><span class="rating-control" aria-hidden="true"><img class="star full-star" alt="" aria-label="1 star" src="https://cdn.vsassets.io/v/M246_20241014.9/_content/FullStarLight.svg"/><img class="star full-star" alt="" aria-label="2 star" src="https://cdn.vsassets.io/v/M246_20241014.9/_content/FullStarLight.svg"/><img class="star full-star" alt="" aria-label="3 star" src="https://cdn.vsassets.io/v/M246_20241014.9/_content/FullStarLight.svg"/><img class="star full-star" alt="" aria-label="4 star" src="https://cdn.vsassets.io/v/M246_20241014.9/_content/FullStarLight.svg"/><img class="star half-star" alt="" src="https://cdn.vsassets.io/v/M246_20241014.9/_content/HalfStarLight.svg"/></span></span><span class="ux-item-rating-count"> (<span>492</span>)</span></span></a><span class="divider"> | </span><span class="item-price-category">Free</span></div><div class="ux-item-shortdesc">Launch a development local Server with live reload feature for static & dynamic pages</div><div class="ux-item-action"><div class="installButtonContainer"><div class="one-click-install-container"><div><div class="ms-Fabric"><span class="ux-oneclick-install-button-container"><a href="vscode:extension/ritwickdey.LiveServer" class="ms-Button ux-button install ms-Button--default root-39"><div class="ms-Button-flexContainer flexContainer-40"><div class="ms-Button-textContainer textContainer-41"><div class="ms-Button-label label-43" id="id__0">Install</div></div></div></a></span></div></div><span class="installHelpInfo"><a href="https://aka.ms/vscode_extn_install" target="_blank" rel="noreferrer noopener nofollow" class="dark">Trouble Installing?<i class="bowtie-icon bowtie-navigate-external"></i></a></span></div></div><div style="display:none"><input type="text" id="FQN" readonly="" value="ritwickdey.LiveServer"/><input type="text" id="galleryUrl" readonly="" value="/"/><input type="text" id="searchTarget" readonly="" value="VSCode"/></div></div></div></td></tr></tbody></table></div></div><div class="gallery-centered-content"><div class="ux-section-details"><div class="ms-Fabric ux-section-details-tabs"><div class="gallery-centered-content"><div class="tab"><button id="overview" class="selected">Overview</button><button id="versionHistory">Version History</button><button id="qna">Q & A</button><button id="rnr">Rating & Review</button></div><div class="tabcontent"><div id="overviewTab" class="overview selected-tab"><div class="details-tab itemdetails"><table class="ux-section-details-table" role="presentation"><tbody><tr><td class="ux-itemdetails-left"><div class="itemDetails"><div class="markdown"><p><em>[Wanna try <a href="https://github.com/ritwickdey/vscode-live-server-plus-plus" target=_blank rel="noreferrer noopener nofollow">LIVE SERVER++</a> (BETA) ? It'll enable live changes without saving file. <a href="https://github.com/ritwickdey/vscode-live-server-plus-plus" target=_blank rel="noreferrer noopener nofollow">https://github.com/ritwickdey/vscode-live-server-plus-plus</a> ]</em></p> <h1 id=live-server>Live Server</h1> <p><strong>Live Server loves</strong> 💘 <strong>your multi-root workspace</strong></p> <blockquote> <p><strong>Live Server for server side pages like PHP. <a href="https://github.com/ritwickdey/live-server-web-extension" target=_blank rel="noreferrer noopener nofollow">Check Here</a></strong></p> </blockquote> <blockquote> <p><em><strong>[For 'command not found error' <a href="https://github.com/ritwickdey/vscode-live-server/issues/78" target=_blank rel="noreferrer noopener nofollow">#78</a>]</strong></em></p> </blockquote> <p><a href="https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer" target=_blank rel="noreferrer noopener nofollow"><img src="https://img.shields.io/vscode-marketplace/v/ritwickdey.LiveServer.svg?style=flat-square&label=vscode%20marketplace" alt="VSCode Marketplace"></a> <a href="https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer" target=_blank rel="noreferrer noopener nofollow"><img src="https://img.shields.io/vscode-marketplace/d/ritwickdey.LiveServer.svg?style=flat-square" alt="Total Installs"></a> <a href="https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer" target=_blank rel="noreferrer noopener nofollow"><img src="https://img.shields.io/vscode-marketplace/r/ritwickdey.LiveServer.svg?style=flat-square" alt="Avarage Rating"></a><br> <a href="https://travis-ci.org/ritwickdey/vscode-live-server" target=_blank rel="noreferrer noopener nofollow"><img src="https://img.shields.io/travis/ritwickdey/vscode-live-server/master.svg?style=flat-square&label=travis%20branch" alt="Travis branch"></a> <a href="https://ci.appveyor.com/project/ritwickdey/vscode-live-server" target=_blank rel="noreferrer noopener nofollow"><img src="https://img.shields.io/appveyor/ci/ritwickdey/vscode-live-server.svg?style=flat-square&label=appveyor%20branch" alt="Appveyor branch"></a> <a href="https://github.com/ritwickdey/vscode-live-server/" target=_blank rel="noreferrer noopener nofollow"><img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="GitHub license"></a> <br></p> <p><strong>Launch a local development server with live reload feature for static & dynamic pages.</strong> <br></p> <p><img src="https://github.com/ritwickdey/vscode-live-server/raw/HEAD/images/Screenshot/vscode-live-server-animated-demo.gif" alt="Live Server Demo VSCode"></p> <h2 id=shortcuts-to-startstop-server>Shortcuts to Start/Stop Server</h2> <p><strong><em>[NOTE: In case if you don't have any <code>.html</code> or <code>.htm</code> file in your workspace then you have to follow method no 4 & 5 to start server.]</em></strong></p> <ol> <li><p>Open a project and click to <code>Go Live</code> from the status bar to turn the server on/off. <img src="https://github.com/ritwickdey/vscode-live-server/raw/HEAD/images/Screenshot/vscode-live-server-statusbar-3.jpg" alt="Go Live Control Preview"></p> </li> <li><p>Right click on a <code>HTML</code> file from Explorer Window and click on <code>Open with Live Server</code>. <img src="https://github.com/ritwickdey/vscode-live-server/raw/HEAD/images/Screenshot/vscode-live-server-explorer-menu-demo-1.gif" alt="Explorer Window Control">.</p> </li> <li><p>Open a HTML file and right-click on the editor and click on <code>Open with Live Server</code>. <img src="https://github.com/ritwickdey/vscode-live-server/raw/HEAD/images/Screenshot/vscode-live-server-editor-menu-3.jpg" alt="Edit Menu Option Preview"></p> </li> <li><p>Hit <code>(alt+L, alt+O)</code> to Open the Server and <code>(alt+L, alt+C)</code> to Stop the server (You can change the shortcut form keybinding). <em>[On MAC, <code>cmd+L, cmd+O</code> and <code>cmd+L, cmd+C</code>]</em></p> </li> <li><p>Open the Command Pallete by pressing <code>F1</code> or <code>ctrl+shift+P</code> and type <code>Live Server: Open With Live Server </code> to start a server or type <code>Live Server: Stop Live Server</code> to stop a server.</p> </li> </ol> <h2 id=features>Features</h2> <ul> <li>A Quick Development Live Server with live browser reload.</li> <li>Start or Stop server by a single click from status bar.</li> <li>Open a HTML file to browser from Explorer menu.[<a href="https://github.com/ritwickdey/vscode-live-server/blob/HEAD/images/Screenshot/vscode-live-server-explorer-menu-demo-1.gif?raw=true" target=_blank rel="noreferrer noopener nofollow">Quick Gif Demo</a>].</li> <li>Support for excluding files for change detection.</li> <li>Hot Key control.</li> <li>Customizable Port Number, Server Root, default browser.</li> <li>Support for any browser <em>(Eg: Firefox Nightly)</em> using advance Command Line.</li> <li>Support for Chrome Debugging Attachment (<em><a href="https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome" target=_blank rel="noreferrer noopener nofollow">More Info</a></em>). [<a href="https://github.com/ritwickdey/vscode-live-server/blob/HEAD/images/Screenshot/ChromeDebugging.gif?raw=true" target=_blank rel="noreferrer noopener nofollow">Quick Gif Demo</a>].</li> <li>Remote Connect through WLAN (E.g.: Connect with mobile) <em>[Need Help? See FAQ Section]</em></li> <li>Use preferable host name <em>(localhost or 127.0.0.1)</em>.</li> <li>Customizable Supporting Tag for Live Reload feature. (Default is <code>Body</code> or <code>head</code>)</li> <li>SVG Support</li> <li><code>https</code> Support.</li> <li>Support for proxy.</li> <li>CORS Enabled</li> <li>Multi-root workspace supported.</li> <li>Support for any file even dynamic pages through <em><a href="https://github.com/ritwickdey/live-server-web-extension" target=_blank rel="noreferrer noopener nofollow">Live Server Web Extension</a></em>.</li> </ul> <h2 id=installation>Installation</h2> <p>Open VSCode and type <code>ctrl+P</code>, type <code>ext install ritwickdey.liveserver</code>.</p> <h2 id=settings>Settings</h2> <p>All settings are now listed here <a href="https://github.com/ritwickdey/vscode-live-server/blob/HEAD/docs/settings.md" target=_blank rel="noreferrer noopener nofollow">Settings Docs</a>.</p> <h2 id=faqs>FAQs</h2> <p><em>All FAQs are now listed here <a href="https://github.com/ritwickdey/vscode-live-server/blob/HEAD/docs/faqs.md" target=_blank rel="noreferrer noopener nofollow">FAQ Docs</a></em></p> <h2 id=whats-new>What's new ?</h2> <ul> <li><h3 id=version-5.6.1-17.04.19>Version 5.6.1 (17.04.19)</h3> <ul> <li>Fixed <code>Extension host terminated unexpectedly</code> <em>[<a href="https://github.com/ritwickdey/vscode-live-server/issues/431" target=_blank rel="noreferrer noopener nofollow">#431</a>]</em></li> </ul> </li> <li><h3 id=version-5.6.0-17.04.19>Version 5.6.0 (17.04.19)</h3> <ul> <li><em><strong>[NEW]</strong></em> Intregation of <code>Browser Preview</code> with <code>Live Server</code> <em>[<a href="https://github.com/ritwickdey/vscode-live-server/pull/352" target=_blank rel="noreferrer noopener nofollow">#352</a> - Thanks to <a href="https://github.com/auchenberg" target=_blank rel="noreferrer noopener nofollow">Kenneth Auchenberg</a>]</em></li> <li><em><strong>[NEW]</strong></em> Fallback to random port If given port is busy. <em>[<a href="https://github.com/ritwickdey/vscode-live-server/pull/330" target=_blank rel="noreferrer noopener nofollow">#330</a> - Thanks to <a href="https://github.com/Almo7aya" target=_blank rel="noreferrer noopener nofollow">Ali Almohaya</a> ]</em></li> <li><em><strong>[FIXES]</strong></em> Moved to <code>vscode-chokidar</code> lib for <em><a href="https://github.com/ritwickdey/vscode-live-server/issues/285" target=_blank rel="noreferrer noopener nofollow">#285</a></em>.</li> <li>Doc Fixes <em>[<a href="https://github.com/ritwickdey/vscode-live-server/pull/388" target=_blank rel="noreferrer noopener nofollow">#388</a> - Thanks to <a href="https://github.com/tedsilb" target=_blank rel="noreferrer noopener nofollow">Ted Silbernagel</a>]</em></li> </ul> </li> <li><h3 id=version-5.5.1-12.02.19>Version 5.5.1 (12.02.19)</h3> <ul> <li><em><strong>[Fixes]</strong></em> Fixed <code>Extension host terminated unexpectedly</code> for MacOS. [<a href="https://github.com/ritwickdey/vscode-live-server/issues/285" target=_blank rel="noreferrer noopener nofollow">#285</a>]</li> </ul> </li> <li><h3 id=version-5.5.0-12.02.19>Version 5.5.0 (12.02.19)</h3> <ul> <li><em><strong>[Fixes]</strong></em> Fixed <code>ignoreFiles</code> settings [<a href="https://github.com/ritwickdey/vscode-live-server/issues/255" target=_blank rel="noreferrer noopener nofollow">#255</a>]</li> <li>Attempt to fix <code>high cpu load</code> [<a href="https://github.com/ritwickdey/vscode-live-server/issues/278" target=_blank rel="noreferrer noopener nofollow">#278</a>]</li> </ul> </li> </ul> <h2 id=changelog>Changelog</h2> <p>To check full changelog <a href="https://github.com/ritwickdey/vscode-live-server/blob/HEAD/CHANGELOG.md" target=_blank rel="noreferrer noopener nofollow">click here</a>.</p> <h2 id=special-thanks-to-maintainers>Special Thanks To Maintainers</h2> <p>A special thanks to <a href="https://github.com/mxschmitt" target=_blank rel="noreferrer noopener nofollow">Max Schmitt</a>, <a href="https://github.com/rjoydip" target=_blank rel="noreferrer noopener nofollow">Joydip Roy</a> & <a href="https://github.com/adesugbaa" target=_blank rel="noreferrer noopener nofollow">Ayo Adesugba</a> for contributing their valueable time on this project.</p> <p><a href="https://github.com/mxschmitt" target=_blank rel="noreferrer noopener nofollow"><img src="https://avatars2.githubusercontent.com/u/17984549?s=64" alt="Max Schmitt"></a> <a href="https://github.com/rjoydip" target=_blank rel="noreferrer noopener nofollow"><img src="https://avatars2.githubusercontent.com/u/15318294?s=64" alt="Joydip Roy"></a> <a href="https://github.com/adesugbaa" target=_blank rel="noreferrer noopener nofollow"><img src="https://avatars2.githubusercontent.com/u/55943?s=64" alt="Ayo Adesugba"></a></p> <h2 id=license>LICENSE</h2> <p>This extension is licensed under the <a href="https://github.com/ritwickdey/vscode-live-server/blob/HEAD/LICENSE" target=_blank rel="noreferrer noopener nofollow">MIT License</a></p> </div></div></td><td class="ux-itemdetails-right" role="complementary"><div class="screenshot-carousel-container"></div><div class="loader-container"><div class="loader"></div></div><div class="itemDetails-right"></div></td></tr></tbody></table></div></div><div id="versionHistoryTab" style="display:none"><div class="versionHistoryTab-loader-container"><div class="loader"></div></div><div id="version-history-tab-content"></div></div></div></div></div></div></div></div></div></div><div id="gallery-footer"><footer><div id="ux-footer" class="ltr" role="contentinfo"><div id="baseFooter"><div id="Fragment_BaseFooterLinks"><div class="linkList"><ul class="links horizontal"><li><a href="https://www.visualstudio.com/support/support-overview-vs" data-mscc-ic="false">Contact us</a></li><li><a href="https://careers.microsoft.com/" data-mscc-ic="false">Jobs</a></li><li><a href="https://go.microsoft.com/fwlink/?LinkID=521839" data-mscc-ic="false">Privacy</a></li><li><a id="mgtConsentCookie" data-mscc-ic="false">Manage cookies</a></li><li><a href="https://aka.ms/vsmarketplace-ToU" data-mscc-ic="false">Terms of use</a></li><li><a href="https://www.microsoft.com/en-us/legal/intellectualproperty/Trademarks/EN-US.aspx" data-mscc-ic="false">Trademarks</a></li></ul></div></div><div id="rightBaseFooter">©<!-- --> 2024 Microsoft<span class="microsoftLogo" title="Microsoft"></span></div><div class="clear"></div></div></div></footer></div></div></div></div> <div class="render-time"> <script class="server-side-render" defer="defer" type="application/json">2</script> </div> <div class="rhs-content"> <script class="jiContent" defer="defer" type="application/json">{"GitHubLink":"https://github.com/ritwickdey/vscode-live-server.git","ReleaseDateString":"Tue, 27 Jun 2017 21:14:04 GMT","LastUpdatedDateString":"Wed, 31 Aug 2022 03:03:25 GMT","GalleryUrl":"/","Categories":["Other"],"Tags":["HTML Preview","keybindings","live preview","live reload","multi-root ready","open in browser","svg preview"],"ExtensionProperties":{"Microsoft.VisualStudio.Services.Branding.Color":"#41205f","Microsoft.VisualStudio.Services.Branding.Theme":"dark","Microsoft.VisualStudio.Services.Links.Getstarted":"https://github.com/ritwickdey/vscode-live-server.git","Microsoft.VisualStudio.Services.Links.Support":"https://github.com/ritwickdey/vscode-live-server/issues","Microsoft.VisualStudio.Services.Links.Learn":"https://ritwickdey.github.io/vscode-live-server/","Microsoft.VisualStudio.Services.Links.Source":"https://github.com/ritwickdey/vscode-live-server.git","Microsoft.VisualStudio.Services.Links.GitHub":"https://github.com/ritwickdey/vscode-live-server.git","Microsoft.VisualStudio.Code.Engine":"^1.51.0","Microsoft.VisualStudio.Services.GitHubFlavoredMarkdown":"true","Microsoft.VisualStudio.Code.ExtensionDependencies":"","Microsoft.VisualStudio.Code.ExtensionPack":"","Microsoft.VisualStudio.Code.LocalizedLanguages":"","Microsoft.VisualStudio.Code.ExtensionKind":"workspace"},"Resources":{"LicenseText":"License","ChangelogText":"Changelog","PublisherName":"ritwickdey","ExtensionName":"LiveServer","Version":"5.7.9"},"MoreInfo":{"VersionValue":"5.7.9","PublisherValue":"Ritwick Dey","UniqueIdentifierValue":"ritwickdey.LiveServer","TwitterShareContents":"Just%20discovered%20this%20on%20the%20%23VSMarketplace%3A%20https%3A%2F%2Fmarketplace.visualstudio.com%2Fitems%3FitemName%3Dritwickdey.LiveServer","EmailShareContents":"Hi%2C%20Just%20discovered%20this%20extension%20on%20the%20%23VSMarketplace%20that%20may%20be%20of%20interest%20to%20you.%20Check%20it%20out%20%40%20https%3A%2F%2Fmarketplace.visualstudio.com%2Fitems%3FitemName%3Dritwickdey.LiveServer%20%21","EmailShareSubject":"Check%20out%20-%20Live%20Server%20for%20Visual%20Studio%20Code","IsPublic":true},"ResourcesPath":"https://cdn.vsassets.io/v/M246_20241014.9/_content/","AssetUri":"https://ritwickdey.gallerycdn.vsassets.io/extensions/ritwickdey/liveserver/5.7.9/1661914858952","VsixManifestAssetType":"Microsoft.VisualStudio.Services.VsixManifest","StaticResourceVersion":"M246_20241014.9","AfdIdentifier":"Ref A: 721E3424D0B844B5AEE42A7EAF42DC26 Ref B: SG1EDGE0321 Ref C: 2024-11-27T02:18:21Z","VsixId":null,"WorksWith":["Universal"],"ItemType":3,"IsMDPruned":false,"PrunedMDLength":0,"OverviewMDLength":6842,"IsRHSAsyncComponentsEnabled":true,"OfferDetails":null,"IsDetailsTabsEnabled":false,"ShowVersionHistory":true,"IsSeeMoreButtonOnVersionHistoryTab":false,"DisableVSCodeDownloadButtonEnabled":false,"IsReferralLinkRedirectionWarningPopupEnabled":true,"Versions":[{"version":"5.7.9","lastUpdated":"Wed, 31 Aug 2022 03:03:25 GMT","targetPlatform":null},{"version":"5.7.8","lastUpdated":"Tue, 30 Aug 2022 07:48:11 GMT","targetPlatform":null},{"version":"5.7.7","lastUpdated":"Tue, 30 Aug 2022 06:48:01 GMT","targetPlatform":null},{"version":"5.7.6","lastUpdated":"Tue, 30 Aug 2022 06:36:58 GMT","targetPlatform":null},{"version":"5.7.5","lastUpdated":"Tue, 08 Mar 2022 11:20:23 GMT","targetPlatform":null}],"IsCSRFeatureEnabled":false,"TargetPlatforms":{"win32-x64":"Windows x64","win32-arm64":"Windows ARM","linux-x64":"Linux x64","linux-arm64":"Linux ARM64","linux-armhf":"Linux ARM32","darwin-x64":"macOS Intel","darwin-arm64":"macOS Apple Silicon","alpine-x64":"Alpine Linux 64 bit","web":"Web","alpine-arm64":"Alpine Linux ARM64","win32-ia32":"Windows ia32"}}</script> </div> <div class="csp-user"> <script class="is-csp-user" defer="defer" type="application/json">false</script> </div> <script type="text/javascript" nonce="PXkYv13p33oI4VCtGOr+1A=="> if (document) { try { if (window.performance && window.performance.timing) { window["marketplaceRenderTime"] = Date.now() - window.performance.timing.navigationStart; } } catch(e){ } } </script> <script type="text/javascript" nonce="PXkYv13p33oI4VCtGOr+1A=="> var __vssPageContext = {"webContext":{"user":{"id":"aaaaaaaa-aaaa-aaaa-aaaa-aaaaaaaaaaaa","name":"Anonymous","email":"","uniqueName":"TEAM FOUNDATION\\Anonymous"},"host":{"id":"2663b13f-50e3-a655-a159-22f6f4725fab","name":"TEAM FOUNDATION","uri":"https://marketplace.visualstudio.com/","relativeUri":"/","hostType":"deployment","scheme":"https","authority":"marketplace.visualstudio.com"}},"moduleLoaderConfig":{"baseUrl":"https://cdn.vsassets.io/v/M246_20241014.9/_scripts/TFS/min/","paths":{"Engagement/Resources":"/_static/tfs/M246_20241014.9/_scripts/TFS/min/en-US","ContentRendering/Resources":"/_static/tfs/M246_20241014.9/_scripts/TFS/min/en-US","VSS/Resources":"/_static/tfs/M246_20241014.9/_scripts/TFS/min/en-US","Charts/Resources":"/_static/tfs/M246_20241014.9/_scripts/TFS/min/en-US","Gallery/Scripts/Gallery/Resources":"/_static/tfs/M246_20241014.9/_scripts/TFS/min/en-US","VSSPreview/Resources":"/_static/tfs/M246_20241014.9/_scripts/TFS/min/en-US","highcharts":"https://cdn.vsassets.io/3rdParty/_scripts/highcharts.v11.4.6","highcharts/highcharts-more":"https://cdn.vsassets.io/3rdParty/_scripts/highcharts-more.v11.4.6","highcharts/modules/accessibility":"https://cdn.vsassets.io/3rdParty/_scripts/highcharts-accessibility.v11.4.6","highcharts/modules/funnel":"https://cdn.vsassets.io/3rdParty/_scripts/highcharts-funnel.v11.4.6","highcharts/modules/heatmap":"https://cdn.vsassets.io/3rdParty/_scripts/highcharts-heatmap.v11.4.6"},"map":{"*":{"office-ui-fabric-react/lib":"OfficeFabric"}},"contributionPaths":{"VSS":{"value":"/_static/tfs/M246_20241014.9/_scripts/TFS/min/VSS","pathType":"default"},"VSS/Resources":{"value":"/_static/tfs/M246_20241014.9/_scripts/TFS/min/en-US","pathType":"resource"},"q":{"value":"/_static/tfs/M246_20241014.9/_scripts/TFS/min/q","pathType":"default"},"knockout":{"value":"/_static/tfs/M246_20241014.9/_scripts/TFS/min/knockout","pathType":"default"},"mousetrap":{"value":"/_static/tfs/M246_20241014.9/_scripts/TFS/min/mousetrap","pathType":"default"},"mustache":{"value":"/_static/tfs/M246_20241014.9/_scripts/TFS/min/mustache","pathType":"default"},"react":{"value":"/_static/tfs/M246_20241014.9/_scripts/TFS/min/react.15.3","pathType":"default"},"react-dom":{"value":"/_static/tfs/M246_20241014.9/_scripts/TFS/min/react-dom.15.3","pathType":"default"},"react-transition-group":{"value":"/_static/tfs/M246_20241014.9/_scripts/TFS/min/react-transition-group.15.3","pathType":"default"},"jQueryUI":{"value":"/_static/tfs/M246_20241014.9/_scripts/TFS/min/jQueryUI","pathType":"default"},"jquery":{"value":"/_static/tfs/M246_20241014.9/_scripts/TFS/min/jquery","pathType":"default"},"OfficeFabric":{"value":"/_static/tfs/M246_20241014.9/_scripts/TFS/min/OfficeFabric","pathType":"default"},"tslib":{"value":"/_static/tfs/M246_20241014.9/_scripts/TFS/min/tslib","pathType":"default"},"@uifabric":{"value":"/_static/tfs/M246_20241014.9/_scripts/TFS/min/@uifabric","pathType":"default"},"VSSUI":{"value":"/_static/tfs/M246_20241014.9/_scripts/TFS/min/VSSUI","pathType":"default"},"ContentRendering":{"value":"/_static/tfs/M246_20241014.9/_scripts/TFS/min/ContentRendering","pathType":"default"},"ContentRendering/Resources":{"value":"/_static/tfs/M246_20241014.9/_scripts/TFS/min/en-US","pathType":"resource"},"Charts":{"value":"/_static/tfs/M246_20241014.9/_scripts/TFS/min/Charts","pathType":"default"},"Charts/Resources":{"value":"/_static/tfs/M246_20241014.9/_scripts/TFS/min/en-US","pathType":"resource"},"highcharts":{"value":"https://cdn.vsassets.io/3rdParty/_scripts/highcharts.v11.4.6","pathType":"thirdParty"},"highcharts/highcharts-more":{"value":"https://cdn.vsassets.io/3rdParty/_scripts/highcharts-more.v11.4.6","pathType":"thirdParty"},"highcharts/modules/accessibility":{"value":"https://cdn.vsassets.io/3rdParty/_scripts/highcharts-accessibility.v11.4.6","pathType":"thirdParty"},"highcharts/modules/funnel":{"value":"https://cdn.vsassets.io/3rdParty/_scripts/highcharts-funnel.v11.4.6","pathType":"thirdParty"},"highcharts/modules/heatmap":{"value":"https://cdn.vsassets.io/3rdParty/_scripts/highcharts-heatmap.v11.4.6","pathType":"thirdParty"}},"shim":{"jquery":{"deps":[],"exports":"jQuery"}},"waitSeconds":30},"coreReferences":{"stylesheets":[{"url":"/_static/tfs/M246_20241014.9/_cssbundles/Default/vss-bundle-ext-core-css-vdl6C9oqaY8jIYGt0fSVzQfhTlc3U3sLKE8T0mcZwW_0=","highContrastUrl":null,"isCoreStylesheet":true}],"scripts":[{"identifier":"JQuery","url":"https://cdn.vsassets.io/3rdParty/_scripts/jquery-3.6.0.min.js","fallbackUrl":null,"fallbackCondition":null,"isCoreModule":true},{"identifier":"JQueryXDomain","url":"https://cdn.vsassets.io/3rdParty/_scripts/jquery.xdomainrequest.min.js","fallbackUrl":null,"fallbackCondition":null,"isCoreModule":true},{"identifier":"Promise","url":"https://cdn.vsassets.io/v/M246_20241014.9/_scripts/TFS/min/promise.js","fallbackUrl":null,"fallbackCondition":null,"isCoreModule":true},{"identifier":"GlobalScripts","url":"https://cdn.vsassets.io/v/M246_20241014.9/_scripts/TFS/min/global-scripts.js","fallbackUrl":null,"fallbackCondition":null,"isCoreModule":true},{"identifier":"LoaderFixes","url":"https://cdn.vsassets.io/v/M246_20241014.9/_scripts/TFS/pre-loader-shim.min.js","fallbackUrl":null,"fallbackCondition":null,"isCoreModule":false},{"identifier":"AMDLoader","url":"https://cdn.vsassets.io/3rdParty/_scripts/require.min.js","fallbackUrl":null,"fallbackCondition":null,"isCoreModule":true},{"identifier":"LoaderFixes","url":"https://cdn.vsassets.io/v/M246_20241014.9/_scripts/TFS/post-loader-shim.min.js","fallbackUrl":null,"fallbackCondition":null,"isCoreModule":false}],"coreScriptsBundle":{"identifier":"CoreBundle","url":"/_public/_Bundling/Content?bundle=vss-bundle-basejs-vx38JYf0FTtFkI9k88H54KYCLs9sIP_6xJwgWGnd-xvw=","fallbackUrl":null,"fallbackCondition":null,"isCoreModule":true},"extensionCoreReferences":{"identifier":"CoreBundle","url":"/_public/_Bundling/Content?bundle=vss-bundle-ext-core-vMBsClfE1T0nfPIDiyalotBEmU2f35Umsz6q07K4-aKI=","fallbackUrl":null,"fallbackCondition":null,"isCoreModule":true}},"webAccessConfiguration":{"isHosted":true,"paths":{"rootPath":"/","staticContentRootPath":"/","staticContentVersion":"M246_20241014.9","resourcesPath":"https://cdn.vsassets.io/v/M246_20241014.9/_content/","staticRootTfs":"https://cdn.vsassets.io/v/M246_20241014.9/","cdnFallbackStaticRootTfs":"/_static/tfs/M246_20241014.9/","staticRoot3rdParty":"https://cdn.vsassets.io/3rdParty/"},"api":{"webApiVersion":"1","areaPrefix":"_","controllerPrefix":"_"},"mailSettings":{"enabled":false},"registryItems":{}},"microsoftAjaxConfig":{"cultureInfo":{"name":"en-US","numberFormat":{"CurrencyDecimalDigits":2,"CurrencyDecimalSeparator":".","IsReadOnly":true,"CurrencyGroupSizes":[3],"NumberGroupSizes":[3],"PercentGroupSizes":[3],"CurrencyGroupSeparator":",","CurrencySymbol":"$","NaNSymbol":"NaN","CurrencyNegativePattern":0,"NumberNegativePattern":1,"PercentPositivePattern":1,"PercentNegativePattern":1,"NegativeInfinitySymbol":"-∞","NegativeSign":"-","NumberDecimalDigits":2,"NumberDecimalSeparator":".","NumberGroupSeparator":",","CurrencyPositivePattern":0,"PositiveInfinitySymbol":"∞","PositiveSign":"+","PercentDecimalDigits":2,"PercentDecimalSeparator":".","PercentGroupSeparator":",","PercentSymbol":"%","PerMilleSymbol":"‰","NativeDigits":["0","1","2","3","4","5","6","7","8","9"],"DigitSubstitution":1},"dateTimeFormat":{"AMDesignator":"AM","Calendar":{"MinSupportedDateTime":"0001-01-01T00:00:00","MaxSupportedDateTime":"9999-12-31T23:59:59.9999999","AlgorithmType":1,"CalendarType":1,"Eras":[1],"TwoDigitYearMax":2049,"IsReadOnly":true},"DateSeparator":"/","FirstDayOfWeek":0,"CalendarWeekRule":0,"FullDateTimePattern":"dddd, MMMM d, yyyy h:mm:ss tt","LongDatePattern":"dddd, MMMM d, yyyy","LongTimePattern":"h:mm:ss tt","MonthDayPattern":"MMMM d","PMDesignator":"PM","RFC1123Pattern":"ddd, dd MMM yyyy HH':'mm':'ss 'GMT'","ShortDatePattern":"M/d/yyyy","ShortTimePattern":"h:mm tt","SortableDateTimePattern":"yyyy'-'MM'-'dd'T'HH':'mm':'ss","TimeSeparator":":","UniversalSortableDateTimePattern":"yyyy'-'MM'-'dd HH':'mm':'ss'Z'","YearMonthPattern":"MMMM yyyy","AbbreviatedDayNames":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"ShortestDayNames":["Su","Mo","Tu","We","Th","Fr","Sa"],"DayNames":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"AbbreviatedMonthNames":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec",""],"MonthNames":["January","February","March","April","May","June","July","August","September","October","November","December",""],"IsReadOnly":true,"NativeCalendarName":"Gregorian Calendar","AbbreviatedMonthGenitiveNames":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec",""],"MonthGenitiveNames":["January","February","March","April","May","June","July","August","September","October","November","December",""]},"numberShortForm":{"QuantitySymbols":["K","M","B"],"NumberGroupSize":1000,"ThousandSymbol":"K"},"eras":null}},"timeZonesConfiguration":{},"featureAvailability":{"featureStates":{"VisualStudio.Services.Contribution.EnableOnPremUnsecureBrowsers":false,"VisualStudio.Service.WebPlatform.ClientErrorReporting":true,"Microsoft.VisualStudio.Services.Gallery.Client.UseCdnAssetUri":false,"VisualStudio.Services.WebAccess.SubresourceIntegrity":false,"VisualStudio.Services.IdentityPicker.ReactProfileCard":true}},"appInsightsConfiguration":{"enabled":false,"instrumentationKey":"00000000-0000-0000-0000-000000000000","insightsScriptUrl":null},"diagnostics":{"sessionId":"0ad4df0a-d498-49e1-bd0a-9dba524ac915","activityId":"0ad4df0a-d498-49e1-bd0a-9dba524ac915","bundlingEnabled":true,"cdnAvailable":true,"cdnEnabled":true,"webPlatformVersion":"M246","serviceVersion":"Dev19.M246.1 (build: AzureDevOps_M246_20241014.9)"},"navigation":{"topMostLevel":"deployment","area":"","currentController":"Gallery","currentAction":"Details","commandName":"Gallery.Details","routeId":"ms.vss-gallery-web.gallery-route-details","routeTemplates":["items"],"routeValues":{"controller":"Gallery","action":"Details"}},"globalization":{"explicitTheme":"","theme":"Default","culture":"en-US","timezoneOffset":0,"timeZoneId":"UTC"},"serviceInstanceId":"00000029-0000-8888-8000-000000000000","hubsContext":{},"serviceLocations":{"locations":{"951917ac-a960-4999-8464-e3f0aa25b381":{"Application":"https://app.vssps.visualstudio.com/","Deployment":"https://app.vssps.visualstudio.com/"}}}};</script> <script defer="true" data-bundlelength="127542" data-bundlename="basejs" nonce="PXkYv13p33oI4VCtGOr+1A==" src="/_public/_Bundling/Content?bundle=vss-bundle-basejs-vx38JYf0FTtFkI9k88H54KYCLs9sIP_6xJwgWGnd-xvw=" type="text/javascript"></script> <script defer="true" data-bundlelength="227227" data-bundlename="common" data-includedscripts="VSS/Bundling" nonce="PXkYv13p33oI4VCtGOr+1A==" src="/_public/_Bundling/Content?bundle=vss-bundle-common-vqskrZmqV9Y8Ba3TvxfO3_AsqhD5HzEWWv45nA_svAXw=" type="text/javascript"></script><script defer="true" data-bundlelength="2207075" data-bundlename="view" data-includedscripts="Gallery/Client/Pages/VSSItemDetailsSSR/VSSItemDetailsSSRAsync" nonce="PXkYv13p33oI4VCtGOr+1A==" src="/_public/_Bundling/Content?bundle=vss-bundle-view-vmFtcW7cNoIAueCOi84qKkeo6ZczEDj5sv-kq78U2GjE=" type="text/javascript"></script> <script defer=true nonce="PXkYv13p33oI4VCtGOr+1A==" src="/_static/tfs/M246_20241014.9/_scripts/TFS/min/Gallery/Client/Pages/VSSItemDetailsSSR/SSRModuleWrappers.js"></script> <script nonce="PXkYv13p33oI4VCtGOr+1A==" src="/_static/tfs/M246_20241014.9/_scripts/TFS/min/Gallery/Client/Common/ManageCookieDrop.js"></script> </body> </html>