{"id":412,"date":"2022-10-19T06:34:46","date_gmt":"2022-10-19T06:34:46","guid":{"rendered":""},"modified":"2025-07-09T15:12:19","modified_gmt":"2025-07-09T22:12:19","slug":"edit-power-pages-code-with-visual-studio-for-web","status":"publish","type":"post","link":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-pages\/edit-power-pages-code-with-visual-studio-for-web\/","title":{"rendered":"Edit Power Pages code with Visual Studio Code for web"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/code.visualstudio.com\/docs\/editor\/vscode-web\" rel=\"noreferrer noopener\" target=\"_blank\">Visual Studio Code for the Web<\/a> provides a free, zero-install Microsoft Visual Studio Code experience running entirely&nbsp;in your&nbsp;browser. With this feature, we will be enabling you to make lightweight code changes quickly and safely to Power Pages code.<\/p>\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 provides the following capabilities during public preview:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"wp-block-list-item\">Edit web page code from <strong>Pages workspace<\/strong><\/li>\n\n\n\n<li class=\"wp-block-list-item\">Header template code from <strong>Pages workspace<\/strong><\/li>\n\n\n\n<li class=\"wp-block-list-item\">Edit custom CSS code from <strong>Styling workspace<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"552\" src=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2022\/09\/VSCode-for-web-blog-demo-01-1024x552.gif\" alt=\"graphical user interface\" class=\"wp-image-416\" srcset=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2022\/09\/VSCode-for-web-blog-demo-01-1024x552.gif 1024w, https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2022\/09\/VSCode-for-web-blog-demo-01-300x162.gif 300w, https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2022\/09\/VSCode-for-web-blog-demo-01-768x414.gif 768w, https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2022\/09\/VSCode-for-web-blog-demo-01-1536x828.gif 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"visual-studio-code-for-web-integration-highlights\">Visual Studio Code for web integration highlights &nbsp;<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">With Visual Studio Code for web integration users will have <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"wp-block-list-item\">Lightweight but powerful source code editor for Power Pages code editing<\/li>\n\n\n\n<li class=\"wp-block-list-item\">Visual Studio Code extensions to improve coding experience <\/li>\n\n\n\n<li class=\"wp-block-list-item\">Simplify code updating experience. As changes save directly to respective environment in comparison with desktop experience where you require to run <a href=\"https:\/\/learn.microsoft.com\/power-apps\/maker\/portals\/power-apps-cli#microsoft-power-platform-cli-commands-for-portals\" target=\"_blank\" rel=\"noreferrer noopener\">download\/upload commands<\/a>. <\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"note\">Note<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"wp-block-list-item\">First-time load may take some time as Visual Studio Code for web will be installing the required extensions for this feature.<\/li>\n\n\n\n<li class=\"wp-block-list-item\">This feature utilizes \u201cPower Platform Tools\u201d as a <a href=\"https:\/\/code.visualstudio.com\/api\/extension-guides\/web-extensions\" target=\"_blank\" rel=\"noreferrer noopener\">web extension.<\/a> Web extensions are restricted by the browser sandbox and have limitations compared to normal extensions.\n<ul class=\"wp-block-list\">\n<li class=\"wp-block-list-item\"><a href=\"https:\/\/learn.microsoft.com\/power-platform\/developer\/cli\/introduction\" target=\"_blank\" rel=\"noreferrer noopener\">Power Platform CLI<\/a> is not supported.<\/li>\n\n\n\n<li class=\"wp-block-list-item\">Power Platform Tools web extension features are limited to Power Pages\u2019 code editing experience.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"edit-web-page-code-from-pages-workspace\">Edit web page code from Pages workspace<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">When you open the Power Pages design studio, you will see <strong>Edit code<\/strong> option in the Pages menu<sup>1<\/sup> and the upper right corner of the screen<sup>2.<\/sup><\/p>\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2022\/09\/Edit-code-from-Pages-wrokspaces-1024x626.webp\" alt=\"graphical user interface, website\" class=\"wp-image-415 webp-format\" srcset=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2022\/09\/Edit-code-from-Pages-wrokspaces-1024x626.webp 1024w, https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2022\/09\/Edit-code-from-Pages-wrokspaces-300x184.webp 300w, https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2022\/09\/Edit-code-from-Pages-wrokspaces-768x470.webp 768w, https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2022\/09\/Edit-code-from-Pages-wrokspaces-1536x940.webp 1536w, https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2022\/09\/Edit-code-from-Pages-wrokspaces-2048x1253.webp 2048w\" data-orig-src=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2022\/09\/Edit-code-from-Pages-wrokspaces-1024x626.webp\"><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"edit-header-template-code-from-pages-workspace\">Edit header template code from Pages workspace<\/h2>\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2022\/09\/Edit-code-header-template-from-Pages-wrokspaces-1024x826.webp\" alt=\"graphical user interface, application, Teams\" class=\"wp-image-414 webp-format\" srcset=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2022\/09\/Edit-code-header-template-from-Pages-wrokspaces-1024x826.webp 1024w, https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2022\/09\/Edit-code-header-template-from-Pages-wrokspaces-300x242.webp 300w, https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2022\/09\/Edit-code-header-template-from-Pages-wrokspaces-768x619.webp 768w, https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2022\/09\/Edit-code-header-template-from-Pages-wrokspaces.webp 1308w\" data-orig-src=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2022\/09\/Edit-code-header-template-from-Pages-wrokspaces-1024x826.webp\"><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"edit-custom-css-code-from-styling-workspace\">Edit custom CSS code from Styling workspace<\/h2>\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2022\/09\/Edit-code-custom-css-Styling-wrokspaces-1024x675.webp\" alt=\"graphical user interface, application\" class=\"wp-image-413 webp-format\" srcset=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2022\/09\/Edit-code-custom-css-Styling-wrokspaces-1024x675.webp 1024w, https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2022\/09\/Edit-code-custom-css-Styling-wrokspaces-300x198.webp 300w, https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2022\/09\/Edit-code-custom-css-Styling-wrokspaces-768x506.webp 768w, https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2022\/09\/Edit-code-custom-css-Styling-wrokspaces.webp 1468w\" data-orig-src=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2022\/09\/Edit-code-custom-css-Styling-wrokspaces-1024x675.webp\"><\/figure>\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 <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, <a href=\"https:\/\/learn.microsoft.com\/power-pages\/configure\/visual-studio-code-editor\" 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\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\"><a id=\"_msocom_1\"><\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Visual Studio Code for the Web provides a free, zero-install Microsoft Visual Studio Code experience running entirely&nbsp;in your&nbsp;browser. With this feature, we will be enabling you to make lightweight code changes quickly and safely to Power Pages code.<\/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":[3435],"coauthors":[3265],"class_list":["post-412","post","type-post","status-publish","format-standard","hentry","audience-it-professional","product-power-pages","topic-operations","review-flag-1593580428-604","review-flag-1-1593580433-195","review-flag-2-1593580438-256","review-flag-free-1593619514-929","review-flag-publi-1593580762-96"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Edit Power Pages code with 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:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-pages\/edit-power-pages-code-with-visual-studio-for-web\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Edit Power Pages code with Visual Studio Code for web - Microsoft Power Platform Blog\" \/>\n<meta property=\"og:description\" content=\"Visual Studio Code for the Web provides a free, zero-install Microsoft Visual Studio Code experience running entirely&nbsp;in your&nbsp;browser. With this feature, we will be enabling you to make lightweight code changes quickly and safely to Power Pages code.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-pages\/edit-power-pages-code-with-visual-studio-for-web\/\" \/>\n<meta property=\"og:site_name\" content=\"Microsoft Power Platform Blog\" \/>\n<meta property=\"article:published_time\" content=\"2022-10-19T06:34:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-09T22:12:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2022\/09\/VSCode-for-web-blog-demo-01-1024x552.gif\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"552\" \/>\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=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-pages\/edit-power-pages-code-with-visual-studio-for-web\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-pages\/edit-power-pages-code-with-visual-studio-for-web\/\"},\"author\":[{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/author\/neerajnandwana\/\",\"@type\":\"Person\",\"@name\":\"Neeraj Nandwana\"}],\"headline\":\"Edit Power Pages code with Visual Studio Code for web\",\"datePublished\":\"2022-10-19T06:34:46+00:00\",\"dateModified\":\"2025-07-09T22:12:19+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-pages\/edit-power-pages-code-with-visual-studio-for-web\/\"},\"wordCount\":303,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-pages\/edit-power-pages-code-with-visual-studio-for-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2022\/09\/VSCode-for-web-blog-demo-01-1024x552.gif\",\"keywords\":[\"Design Studio\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-pages\/edit-power-pages-code-with-visual-studio-for-web\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-pages\/edit-power-pages-code-with-visual-studio-for-web\/\",\"url\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-pages\/edit-power-pages-code-with-visual-studio-for-web\/\",\"name\":\"Edit Power Pages code with Visual Studio Code for web - Microsoft Power Platform Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-pages\/edit-power-pages-code-with-visual-studio-for-web\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-pages\/edit-power-pages-code-with-visual-studio-for-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2022\/09\/VSCode-for-web-blog-demo-01-1024x552.gif\",\"datePublished\":\"2022-10-19T06:34:46+00:00\",\"dateModified\":\"2025-07-09T22:12:19+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-pages\/edit-power-pages-code-with-visual-studio-for-web\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-pages\/edit-power-pages-code-with-visual-studio-for-web\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-pages\/edit-power-pages-code-with-visual-studio-for-web\/#primaryimage\",\"url\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2022\/09\/VSCode-for-web-blog-demo-01.gif\",\"contentUrl\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2022\/09\/VSCode-for-web-blog-demo-01.gif\",\"width\":1958,\"height\":1056,\"caption\":\"graphical user interface\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-pages\/edit-power-pages-code-with-visual-studio-for-web\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Edit Power Pages code with Visual Studio Code for web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#website\",\"url\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/\",\"name\":\"Microsoft Power Platform Blog\",\"description\":\"Innovate with Business Apps\",\"publisher\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.microsoft.com\/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:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#organization\",\"name\":\"Microsoft Power Platform Blog\",\"url\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2020\/03\/Microsoft-Logo-e1685482038800.png\",\"contentUrl\":\"https:\/\/www.microsoft.com\/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:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#\/schema\/person\/083e3f19150989d2bab0fb2a2212d5c6\",\"name\":\"Neeraj Nandwana\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2024\/09\/cropped-Neeraj-LinkedIn-96x96.jpg93c2b92550d537ed4e7575656d77608a\",\"url\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2024\/09\/cropped-Neeraj-LinkedIn-96x96.jpg\",\"contentUrl\":\"https:\/\/www.microsoft.com\/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:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/author\/neerajnandwana\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Edit Power Pages code with 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:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-pages\/edit-power-pages-code-with-visual-studio-for-web\/","og_locale":"en_US","og_type":"article","og_title":"Edit Power Pages code with Visual Studio Code for web - Microsoft Power Platform Blog","og_description":"Visual Studio Code for the Web provides a free, zero-install Microsoft Visual Studio Code experience running entirely&nbsp;in your&nbsp;browser. With this feature, we will be enabling you to make lightweight code changes quickly and safely to Power Pages code.","og_url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-pages\/edit-power-pages-code-with-visual-studio-for-web\/","og_site_name":"Microsoft Power Platform Blog","article_published_time":"2022-10-19T06:34:46+00:00","article_modified_time":"2025-07-09T22:12:19+00:00","og_image":[{"width":1024,"height":552,"url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2022\/09\/VSCode-for-web-blog-demo-01-1024x552.gif","type":"image\/gif"}],"author":"Neeraj Nandwana","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Neeraj Nandwana","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-pages\/edit-power-pages-code-with-visual-studio-for-web\/#article","isPartOf":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-pages\/edit-power-pages-code-with-visual-studio-for-web\/"},"author":[{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/author\/neerajnandwana\/","@type":"Person","@name":"Neeraj Nandwana"}],"headline":"Edit Power Pages code with Visual Studio Code for web","datePublished":"2022-10-19T06:34:46+00:00","dateModified":"2025-07-09T22:12:19+00:00","mainEntityOfPage":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-pages\/edit-power-pages-code-with-visual-studio-for-web\/"},"wordCount":303,"commentCount":0,"publisher":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#organization"},"image":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-pages\/edit-power-pages-code-with-visual-studio-for-web\/#primaryimage"},"thumbnailUrl":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2022\/09\/VSCode-for-web-blog-demo-01-1024x552.gif","keywords":["Design Studio"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-pages\/edit-power-pages-code-with-visual-studio-for-web\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-pages\/edit-power-pages-code-with-visual-studio-for-web\/","url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-pages\/edit-power-pages-code-with-visual-studio-for-web\/","name":"Edit Power Pages code with Visual Studio Code for web - Microsoft Power Platform Blog","isPartOf":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-pages\/edit-power-pages-code-with-visual-studio-for-web\/#primaryimage"},"image":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-pages\/edit-power-pages-code-with-visual-studio-for-web\/#primaryimage"},"thumbnailUrl":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2022\/09\/VSCode-for-web-blog-demo-01-1024x552.gif","datePublished":"2022-10-19T06:34:46+00:00","dateModified":"2025-07-09T22:12:19+00:00","breadcrumb":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-pages\/edit-power-pages-code-with-visual-studio-for-web\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-pages\/edit-power-pages-code-with-visual-studio-for-web\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-pages\/edit-power-pages-code-with-visual-studio-for-web\/#primaryimage","url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2022\/09\/VSCode-for-web-blog-demo-01.gif","contentUrl":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2022\/09\/VSCode-for-web-blog-demo-01.gif","width":1958,"height":1056,"caption":"graphical user interface"},{"@type":"BreadcrumbList","@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-pages\/edit-power-pages-code-with-visual-studio-for-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/"},{"@type":"ListItem","position":2,"name":"Edit Power Pages code with Visual Studio Code for web"}]},{"@type":"WebSite","@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#website","url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/","name":"Microsoft Power Platform Blog","description":"Innovate with Business Apps","publisher":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.microsoft.com\/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:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#organization","name":"Microsoft Power Platform Blog","url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2020\/03\/Microsoft-Logo-e1685482038800.png","contentUrl":"https:\/\/www.microsoft.com\/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:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#\/schema\/person\/083e3f19150989d2bab0fb2a2212d5c6","name":"Neeraj Nandwana","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2024\/09\/cropped-Neeraj-LinkedIn-96x96.jpg93c2b92550d537ed4e7575656d77608a","url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2024\/09\/cropped-Neeraj-LinkedIn-96x96.jpg","contentUrl":"https:\/\/www.microsoft.com\/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:\/\/www.microsoft.com\/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:\/\/www.microsoft.com\/en-us\/power-platform\/blog","push-errors":false,"_links":{"self":[{"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/posts\/412","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/users\/459"}],"replies":[{"embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/comments?post=412"}],"version-history":[{"count":2,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/posts\/412\/revisions"}],"predecessor-version":[{"id":131848,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/posts\/412\/revisions\/131848"}],"wp:attachment":[{"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/media?parent=412"}],"wp:term":[{"taxonomy":"audience","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/audience?post=412"},{"taxonomy":"content-type","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/content-type?post=412"},{"taxonomy":"job-role","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/job-role?post=412"},{"taxonomy":"product","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/product?post=412"},{"taxonomy":"property","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/property?post=412"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/topic?post=412"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/coauthors?post=412"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}