{"id":1700,"date":"2023-07-24T09:00:00","date_gmt":"2023-07-24T17:00:00","guid":{"rendered":""},"modified":"2025-07-09T15:20:09","modified_gmt":"2025-07-09T22:20:09","slug":"edit-complete-site-code-using-visual-studio-code-for-web","status":"publish","type":"post","link":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/power-pages\/edit-complete-site-code-using-visual-studio-code-for-web\/","title":{"rendered":"Edit complete site code using Visual Studio Code for web"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">In October 2022, we launched <a href=\"https:\/\/powerpages.microsoft.com\/blog\/edit-power-pages-code-with-visual-studio-for-web\/\" rel=\"noreferrer noopener\" target=\"_blank\">Power Pages code editing in Visual Studio Code for web feature<\/a>, which introduced a free, zero-install Visual Studio Code experience for Power Pages code editing in your browser. We also made incremental changes to improve performance and reliability with infrastructure changes and feature addition such as <a href=\"https:\/\/powerpages.microsoft.com\/blog\/safeguarding-against-accidental-code-overwrites-with-visual-studio-code-for-the-webs-conflict-merge-feature-in-power-pages\/\" rel=\"noreferrer noopener\" target=\"_blank\">save conflict feature<\/a> to avoid data overwrite issue when multiple users are working on same file. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">With this feature we are enabling complete site code editing within Visual Studio Code for the web. After opening the Visual Studio Code for web, you can navigate between different web-pages or move to web-templates to view or make code changes.  <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"720\" src=\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2023\/07\/Multifile-support-in-VSCode-demo-004.gif\" alt=\"Animated Gif Image\" class=\"wp-image-1714\"\/><figcaption class=\"wp-element-caption\">Edit web template code using Visual Studio Code for web<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"feature-capabilities\">Feature capabilities<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This feature will include following capabilities:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li class=\"wp-block-list-item\">Edit custom JavaScript code for <strong>advance forms (multistep forms)<\/strong><\/li>\n\n\n\n<li class=\"wp-block-list-item\">Edit custom JavaScript code for <strong>basic forms<\/strong> <\/li>\n\n\n\n<li class=\"wp-block-list-item\">Edit custom JavaScript code for <strong>lists<\/strong><\/li>\n\n\n\n<li class=\"wp-block-list-item\">Edit <strong>content snippets<\/strong><\/li>\n\n\n\n<li class=\"wp-block-list-item\">Edit <strong>web templates<\/strong><\/li>\n\n\n\n<li class=\"wp-block-list-item\">Edit <strong>text-based web files<\/strong> like CSS, JavaScript and more<\/li>\n\n\n\n<li class=\"wp-block-list-item\">View and download <strong>media web files<\/strong> like images, videos<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"editing-custom-javascript-code-for-advance-forms-basic-forms-and-lists\">Editing custom JavaScript code for advance forms, basic forms, and lists<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"advance-forms\">Advance forms<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Custom JavaScript code for each step of advance forms will be available for view and make edits. <a href=\"https:\/\/learn.microsoft.com\/en-us\/power-pages\/configure\/add-custom-javascript?WT.mc_id=powerportals_community_productblog\" rel=\"noreferrer noopener\" target=\"_blank\">Learn more about advance form&#8217;s custom JavaScript.<\/a> <\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><figure class=\"wp-block-image size-large\"><img decoding=\"async\" data-id=\"1722\" src=\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2023\/07\/image-1024x593.webp\" alt=\"a screenshot of a computer\" class=\"wp-image-1722 webp-format\" srcset=\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2023\/07\/image-1024x593.webp 1024w, https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2023\/07\/image-300x174.webp 300w, https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2023\/07\/image-768x445.webp 768w, https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2023\/07\/image.webp 1060w\" data-orig-src=\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2023\/07\/image-1024x593.webp\"><figcaption class=\"wp-element-caption\">Extend advance forms functionality using custom JavaScript<\/figcaption><\/figure>\n<\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"basic-forms\">Basic forms<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Custom JavaScript will be available for respective basic form.  So, the user can edit and extend form functionalities.  <\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2023\/07\/image-1.webp\" alt=\"\" class=\"wp-image-1723 webp-format\" srcset=\"\" data-orig-src=\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2023\/07\/image-1.webp\"><figcaption class=\"wp-element-caption\">Extend basic form functionality using custom JavaScript<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"lists\">Lists<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Custom JavaScript for available lists will be available for customization. Users can use this to enhance or update lists&#8217; functionalities. <a href=\"https:\/\/learn.microsoft.com\/en-us\/power-pages\/configure\/add-custom-javascript-list?WT.mc_id=powerportals_community_productblog\" rel=\"noreferrer noopener\" target=\"_blank\">Learn more about list&#8217;s custom JavaScript<\/a><\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2023\/07\/image-4.webp\" alt=\"\" class=\"wp-image-1728 webp-format\" srcset=\"\" data-orig-src=\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2023\/07\/image-4.webp\"><figcaption class=\"wp-element-caption\">Edit and customize list using custom JavaScript within Visual Studio Code for web<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"editing-content-snippets-and-web-templates\">Editing content snippets and web templates<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"content-snippets\">Content snippets <\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Content snippets are small chunks of content that can be used in a header, footer, web page or web template allowing reusable block of content anywhere within web pages. This can also use liquid objects and reference other content. <a href=\"https:\/\/learn.microsoft.com\/en-us\/power-pages\/configure\/customize-content-snippets?WT.mc_id=powerportals_community_productblog#use-snippet\" rel=\"noreferrer noopener\" target=\"_blank\">Learn more about content snippets.<\/a> <\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2023\/07\/image-2.webp\" alt=\"\" class=\"wp-image-1724 webp-format\" srcset=\"\" data-orig-src=\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2023\/07\/image-2.webp\"><figcaption class=\"wp-element-caption\">Edit content snippets within Visual Studio Code for web<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"web-template\">Web template<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Web templates can be used for creating custom page layout or custom header and footer. <a href=\"https:\/\/learn.microsoft.com\/en-us\/power-pages\/configure\/web-templates?WT.mc_id=powerportals_community_productblog\" rel=\"noreferrer noopener\" target=\"_blank\">Learn more about web templates.<\/a><\/p>\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2023\/07\/image-5.webp\" alt=\"\" class=\"wp-image-1734 webp-format\" style=\"width:674px;height:305px\" srcset=\"\" data-orig-src=\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2023\/07\/image-5.webp\"><figcaption class=\"wp-element-caption\">Edit web template within Visual Studio Code for web<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"edit-and-view-web-files\">Edit and view web files<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">All site related web files will be available within Visual Studio Code. It will allow you to view\/edit text-based files, However, media files like images and video will only load in preview mode and cannot be edited. <\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2023\/07\/image-3.webp\" alt=\"\" class=\"wp-image-1725 webp-format\" srcset=\"\" data-orig-src=\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2023\/07\/image-3.webp\"><figcaption class=\"wp-element-caption\">View image web file within Visual Studio Code for web<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"we-are-looking-forward-to-your-feedback\">We are looking forward to your feedback<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Your feedback will help us continue to build on and improve the capabilities of this feature. We want to&nbsp;<a href=\"https:\/\/ideas.powerpages.microsoft.com\/d365community\/forum\/1edba0ec-30cf-ec11-a7b5-000d3a545c96\" rel=\"noreferrer noopener\" target=\"_blank\">hear from you<\/a>!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For Visual Studio Code for web integration feature details,&nbsp;<a href=\"https:\/\/learn.microsoft.com\/power-pages\/configure\/visual-studio-code-editor?WT.mc_id=powerportals_community_productblog\" rel=\"noreferrer noopener\" target=\"_blank\">see the documentation<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Thank you,<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Neeraj Nandwana<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In October 2022, we launched Power Pages code editing in Visual Studio Code for web feature, which introduced a free, zero-install Visual Studio Code experience for Power Pages code editing in your browser.<\/p>\n","protected":false},"author":459,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ms_queue_id":[],"ep_exclude_from_search":false,"_classifai_error":"","_classifai_text_to_speech_error":"","_alt_title":"","ms-ems-related-posts":[],"footnotes":""},"audience":[3378],"content-type":[],"job-role":[],"product":[3475],"property":[],"topic":[3421],"coauthors":[3265],"class_list":["post-1700","post","type-post","status-publish","format-standard","hentry","audience-it-professional","product-power-pages","topic-application-modernization","review-flag-1593580428-604","review-flag-anywh-1593580319-927","review-flag-free-1593619514-929"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Edit complete site code using Visual Studio Code for web - Microsoft Power Platform Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/power-pages\/edit-complete-site-code-using-visual-studio-code-for-web\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Edit complete site code using Visual Studio Code for web - Microsoft Power Platform Blog\" \/>\n<meta property=\"og:description\" content=\"In October 2022, we launched Power Pages code editing in Visual Studio Code for web feature, which introduced a free, zero-install Visual Studio Code experience for Power Pages code editing in your browser.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/power-pages\/edit-complete-site-code-using-visual-studio-code-for-web\/\" \/>\n<meta property=\"og:site_name\" content=\"Microsoft Power Platform Blog\" \/>\n<meta property=\"article:published_time\" content=\"2023-07-24T17:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-09T22:20:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2023\/07\/Multifile-support-in-VSCode-demo-004-1024x576.gif\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"576\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/gif\" \/>\n<meta name=\"author\" content=\"Neeraj Nandwana\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Neeraj Nandwana\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/power-pages\/edit-complete-site-code-using-visual-studio-code-for-web\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/power-pages\/edit-complete-site-code-using-visual-studio-code-for-web\/\"},\"author\":[{\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/author\/neerajnandwana\/\",\"@type\":\"Person\",\"@name\":\"Neeraj Nandwana\"}],\"headline\":\"Edit complete site code using Visual Studio Code for web\",\"datePublished\":\"2023-07-24T17:00:00+00:00\",\"dateModified\":\"2025-07-09T22:20:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/power-pages\/edit-complete-site-code-using-visual-studio-code-for-web\/\"},\"wordCount\":486,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/power-pages\/edit-complete-site-code-using-visual-studio-code-for-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2023\/07\/Multifile-support-in-VSCode-demo-004.gif\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/power-pages\/edit-complete-site-code-using-visual-studio-code-for-web\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/power-pages\/edit-complete-site-code-using-visual-studio-code-for-web\/\",\"url\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/power-pages\/edit-complete-site-code-using-visual-studio-code-for-web\/\",\"name\":\"Edit complete site code using Visual Studio Code for web - Microsoft Power Platform Blog\",\"isPartOf\":{\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/power-pages\/edit-complete-site-code-using-visual-studio-code-for-web\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/power-pages\/edit-complete-site-code-using-visual-studio-code-for-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2023\/07\/Multifile-support-in-VSCode-demo-004.gif\",\"datePublished\":\"2023-07-24T17:00:00+00:00\",\"dateModified\":\"2025-07-09T22:20:09+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/power-pages\/edit-complete-site-code-using-visual-studio-code-for-web\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/power-pages\/edit-complete-site-code-using-visual-studio-code-for-web\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/power-pages\/edit-complete-site-code-using-visual-studio-code-for-web\/#primaryimage\",\"url\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2023\/07\/Multifile-support-in-VSCode-demo-004.gif\",\"contentUrl\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2023\/07\/Multifile-support-in-VSCode-demo-004.gif\",\"width\":1280,\"height\":720},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/power-pages\/edit-complete-site-code-using-visual-studio-code-for-web\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Edit complete site code using Visual Studio Code for web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#website\",\"url\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/\",\"name\":\"Microsoft Power Platform Blog\",\"description\":\"Innovate with Business Apps\",\"publisher\":{\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#organization\",\"name\":\"Microsoft Power Platform Blog\",\"url\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2020\/03\/Microsoft-Logo-e1685482038800.png\",\"contentUrl\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2020\/03\/Microsoft-Logo-e1685482038800.png\",\"width\":194,\"height\":145,\"caption\":\"Microsoft Power Platform Blog\"},\"image\":{\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#\/schema\/person\/083e3f19150989d2bab0fb2a2212d5c6\",\"name\":\"Neeraj Nandwana\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2024\/09\/cropped-Neeraj-LinkedIn-96x96.jpg93c2b92550d537ed4e7575656d77608a\",\"url\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2024\/09\/cropped-Neeraj-LinkedIn-96x96.jpg\",\"contentUrl\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2024\/09\/cropped-Neeraj-LinkedIn-96x96.jpg\",\"caption\":\"Neeraj Nandwana\"},\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/neerajnandwana\/\"],\"url\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/author\/neerajnandwana\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Edit complete site code using Visual Studio Code for web - Microsoft Power Platform Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/power-pages\/edit-complete-site-code-using-visual-studio-code-for-web\/","og_locale":"en_US","og_type":"article","og_title":"Edit complete site code using Visual Studio Code for web - Microsoft Power Platform Blog","og_description":"In October 2022, we launched Power Pages code editing in Visual Studio Code for web feature, which introduced a free, zero-install Visual Studio Code experience for Power Pages code editing in your browser.","og_url":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/power-pages\/edit-complete-site-code-using-visual-studio-code-for-web\/","og_site_name":"Microsoft Power Platform Blog","article_published_time":"2023-07-24T17:00:00+00:00","article_modified_time":"2025-07-09T22:20:09+00:00","og_image":[{"width":1024,"height":576,"url":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2023\/07\/Multifile-support-in-VSCode-demo-004-1024x576.gif","type":"image\/gif"}],"author":"Neeraj Nandwana","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Neeraj Nandwana","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/power-pages\/edit-complete-site-code-using-visual-studio-code-for-web\/#article","isPartOf":{"@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/power-pages\/edit-complete-site-code-using-visual-studio-code-for-web\/"},"author":[{"@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/author\/neerajnandwana\/","@type":"Person","@name":"Neeraj Nandwana"}],"headline":"Edit complete site code using Visual Studio Code for web","datePublished":"2023-07-24T17:00:00+00:00","dateModified":"2025-07-09T22:20:09+00:00","mainEntityOfPage":{"@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/power-pages\/edit-complete-site-code-using-visual-studio-code-for-web\/"},"wordCount":486,"commentCount":0,"publisher":{"@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#organization"},"image":{"@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/power-pages\/edit-complete-site-code-using-visual-studio-code-for-web\/#primaryimage"},"thumbnailUrl":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2023\/07\/Multifile-support-in-VSCode-demo-004.gif","inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/power-pages\/edit-complete-site-code-using-visual-studio-code-for-web\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/power-pages\/edit-complete-site-code-using-visual-studio-code-for-web\/","url":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/power-pages\/edit-complete-site-code-using-visual-studio-code-for-web\/","name":"Edit complete site code using Visual Studio Code for web - Microsoft Power Platform Blog","isPartOf":{"@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/power-pages\/edit-complete-site-code-using-visual-studio-code-for-web\/#primaryimage"},"image":{"@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/power-pages\/edit-complete-site-code-using-visual-studio-code-for-web\/#primaryimage"},"thumbnailUrl":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2023\/07\/Multifile-support-in-VSCode-demo-004.gif","datePublished":"2023-07-24T17:00:00+00:00","dateModified":"2025-07-09T22:20:09+00:00","breadcrumb":{"@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/power-pages\/edit-complete-site-code-using-visual-studio-code-for-web\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/power-pages\/edit-complete-site-code-using-visual-studio-code-for-web\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/power-pages\/edit-complete-site-code-using-visual-studio-code-for-web\/#primaryimage","url":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2023\/07\/Multifile-support-in-VSCode-demo-004.gif","contentUrl":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2023\/07\/Multifile-support-in-VSCode-demo-004.gif","width":1280,"height":720},{"@type":"BreadcrumbList","@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/power-pages\/edit-complete-site-code-using-visual-studio-code-for-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/"},{"@type":"ListItem","position":2,"name":"Edit complete site code using Visual Studio Code for web"}]},{"@type":"WebSite","@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#website","url":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/","name":"Microsoft Power Platform Blog","description":"Innovate with Business Apps","publisher":{"@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#organization","name":"Microsoft Power Platform Blog","url":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2020\/03\/Microsoft-Logo-e1685482038800.png","contentUrl":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2020\/03\/Microsoft-Logo-e1685482038800.png","width":194,"height":145,"caption":"Microsoft Power Platform Blog"},"image":{"@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#\/schema\/person\/083e3f19150989d2bab0fb2a2212d5c6","name":"Neeraj Nandwana","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2024\/09\/cropped-Neeraj-LinkedIn-96x96.jpg93c2b92550d537ed4e7575656d77608a","url":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2024\/09\/cropped-Neeraj-LinkedIn-96x96.jpg","contentUrl":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2024\/09\/cropped-Neeraj-LinkedIn-96x96.jpg","caption":"Neeraj Nandwana"},"sameAs":["https:\/\/www.linkedin.com\/in\/neerajnandwana\/"],"url":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/author\/neerajnandwana\/"}]}},"bloginabox_animated_featured_image":null,"bloginabox_display_generated_audio":false,"distributor_meta":false,"distributor_terms":false,"distributor_media":false,"distributor_original_site_name":"Microsoft Power Platform Blog","distributor_original_site_url":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog","push-errors":false,"_links":{"self":[{"href":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/posts\/1700","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/users\/459"}],"replies":[{"embeddable":true,"href":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/comments?post=1700"}],"version-history":[{"count":2,"href":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/posts\/1700\/revisions"}],"predecessor-version":[{"id":131851,"href":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/posts\/1700\/revisions\/131851"}],"wp:attachment":[{"href":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/media?parent=1700"}],"wp:term":[{"taxonomy":"audience","embeddable":true,"href":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/audience?post=1700"},{"taxonomy":"content-type","embeddable":true,"href":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/content-type?post=1700"},{"taxonomy":"job-role","embeddable":true,"href":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/job-role?post=1700"},{"taxonomy":"product","embeddable":true,"href":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/product?post=1700"},{"taxonomy":"property","embeddable":true,"href":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/property?post=1700"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/topic?post=1700"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/coauthors?post=1700"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}