最近在繼續倒騰WPF的項目，繼續使用Caliburn.Micro和Xceed來堆代碼。每次調試xaml上的binding，都有種要瘋的趕腳。

今天路過?https://channel9.msdn.com/?瀏覽?WPF相關的學習視頻時，遇到微軟推薦的相關視頻 -?XAML sutdio簡介

https://channel9.msdn.com/Shows/On-NET/Introducing-XAML-Studio，好奇心使然，目測是和 Visual Studio Code 類似而強大的巨牛工具，就好好看完了視頻。

XAML sutdio是微軟Garage實驗小組的作品，其特色是為XAML提供了如下一些功能。

XAML Studio包含以下功能：

• 實時且可交互的預覽窗口

• 實時綁定和調試

• 數據上下文編輯器

• 自動保存和恢復文檔

• 智能感知

• 文檔工具箱

• 對齊指南

• 命名空間助手

下面結合XAML studio的界面對其進行詳細介紹~

XAML Studio?是微軟Garage項目組的一個不依賴 Visual Studio而能快速創建XAMLUI原型、實時預覽、調試數據綁定及其他更多功能的一個輕項目，其最新版本可從?Microsoft Store?進行安裝，溫馨提醒一下這個軟件只能在Windows 10及其以上版本的PC和Surface等上使用。

https://www.microsoft.com/store/productId/9NTLS214TKMQ，安裝完后會提示：

編輯器功能

XAML Studio的編輯器很像一個"輕量級"的Visual Studio，或者用VS Code來類比更合適。除了編輯器， 在左側還有文件，數據源，調試和工具箱這幾個選項。

編輯器的行為與您期望的一樣。 您可以在底部向XAML添加控件，頂部預覽面板會對更新做出響應。

工具箱提供了一個可以搜索的控件列表，然后單擊以插入到XAML中。

Visual Studio中的XAML編輯器不同，VS中的實時預覽不提供任何類型的拖放體驗。

數據源功能

你可以通過靜態JSON或JSON REST API將數據綁定到XAML組件。

要綁定到靜態JSON，可以單擊數據源窗格，然后直接在編輯器中輸入JSON即可。

要綁定到REST API，可以單擊數據源面板頂部的兩個箭頭以打開一個文本框，您可以在其中輸入REST API。 輸入REST API URI然后單擊刷新按鈕后，JSON將更新，XAML預覽也將更新。

調試數據綁定

調試功能允許你查看哪些數據綁定實際成功。 打開調試模式后，您將能夠看到當前綁定以及可用綁定的歷史記錄。

偉大的開始

我對這個工具的誕生感到很興奮。 這看似是建立在VS Code和Monaco編輯器的基礎上開發而來的，但它的特色是提供了一些便捷的功能。 我很樂意看到這里的綁定調試功能，不僅僅是因為這里使用了簡潔的JSON數據，而是它現在就可以提供非常棒的綁定調試功能，而我知道目前的Visual Studio中還沒提供這種功能。

我們來一起實踐吧

我在編輯器中創建了一段這樣的代碼:

<Page
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">

<Grid Padding="40">
<TextBlock>
<Run FontSize="24" Foreground="#FFFC5185">First demo using XAML Studio</Run><LineBreak/>
<Run> Hello, Bravo.</Run>
</TextBlock>
</Grid>
</Page>

上方立馬就出現了代碼預覽~

知道HTML的人都應該知道這里?<Run>標簽的作用，其實和HTML中的<p>標簽有點像，除此之外，其他的XAML部分和其他地方一樣~

好吧，請各位慢慢享用了~

參考鏈接：
Microsoft Garage's XAML Studio Does Real-Time UWP UI Changes - Visual Studio Magazine

https://visualstudiomagazine.com/articles/2019/01/23/xaml-studio.aspx

By devs, for devs: meet new Garage projects XAML Studio and Team Retrospectives - Microsoft Garage

https://www.microsoft.com/en-us/garage/blog/2019/01/by-devs-for-devs-meet-new-garage-projects-xaml-studio-and-team-retrospectives/

原文地址：

https://www.cnblogs.com/enjoy233/p/XAML_Studio-powerfull_tool_for_WPF_Sliverlight_Xamarin_UWP.html

?

點擊"在看"的人，

2019都會變得特別好看?

總結

以上是生活随笔為你收集整理的微软XAML Studio - WPF, UWP, Xamarin等技术开发者的福音的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。