{"id":170,"date":"2019-09-11T19:45:54","date_gmt":"2019-09-11T19:45:54","guid":{"rendered":"http:\/\/tutorials.moedesign.de\/blog\/?p=170"},"modified":"2020-11-03T21:31:58","modified_gmt":"2020-11-03T21:31:58","slug":"getting-started-with-blazor","status":"publish","type":"post","link":"http:\/\/tutorials.moedesign.de\/blog\/getting-started-with-blazor\/","title":{"rendered":"Getting started with Blazor"},"content":{"rendered":"<p>Blazor &#8211; Microsoft&#8217;s new web technology. I read a lot about the new possibilities and decided to get started with Blazor.\u00a0My first step was visiting\u00a0<a href=\"https:\/\/docs.microsoft.com\/de-de\/aspnet\/core\/blazor\/get-started?view=aspnetcore-3.0&amp;tabs=visual-studio\">https:\/\/docs.microsoft.com\/de-de\/aspnet\/core\/blazor\/get-started?view=aspnetcore-3.0&amp;tabs=visual-studio<\/a>\u00a0to get all information about how to install Blazor and how to programm my first code example. I downloaded the latest version of the .net Core SDK v3.0.0-preview9 from\u00a0<a href=\"https:\/\/dotnet.microsoft.com\/download\/dotnet-core\/3.0\">https:\/\/dotnet.microsoft.com\/download\/dotnet-core\/3.0<\/a>\u00a0and installed the Blazor templates\u00a0by command shell.<\/p>\n<pre><pre class=\"brush: plain; title: ; notranslate\" title=\"\">dotnet new -i Microsoft.AspNetCore.Blazor.Templates::3.0.0-preview9.19424.4<\/pre>\n<p>Now I wanted to create a new project and select Blazor as template. But there were no .net core 3 templates in the selection only core 2.1 and 2.2 project templates. Afterwords I tried many things to get it working but nothing helped.<\/p>\n<p><strong>Solution:<\/strong> I should have read the instructions in a better and more sensible way. I missed an important detail: The latest .net Core 3 preview version only works with the latest Visual Studio preview version.<\/p>\n<figure id=\"attachment_262\" aria-describedby=\"caption-attachment-262\" style=\"width: 954px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-262\" src=\"http:\/\/tutorials.moedesign.de\/wp-content\/uploads\/2020\/11\/sdk.jpg\" alt=\".net Core SDK download page\" width=\"954\" height=\"668\" srcset=\"http:\/\/tutorials.moedesign.de\/wp-content\/uploads\/2020\/11\/sdk.jpg 954w, http:\/\/tutorials.moedesign.de\/wp-content\/uploads\/2020\/11\/sdk-300x210.jpg 300w, http:\/\/tutorials.moedesign.de\/wp-content\/uploads\/2020\/11\/sdk-768x538.jpg 768w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><figcaption id=\"caption-attachment-262\" class=\"wp-caption-text\">.net Core SDK download page<\/figcaption><\/figure>\n<p>My installed version of Visual Studio was Community Edition 16.2.5. No chance to run the latest SDK version. I had to deinstall SDK 3 preview 9 and installed v3.0.0-preview6 because this SDK version supports Visual Studio 2019 v16.2.<\/p>\n<p>Coming back to Visual Studio and creating a new project I could choose from .net Core 3 templates as expected.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Blazor &#8211; Microsoft&#8217;s new web technology. I read a lot about the new possibilities and decided to get started with Blazor.\u00a0My first step was visiting\u00a0https:\/\/docs.microsoft.com\/de-de\/aspnet\/core\/blazor\/get-started?view=aspnetcore-3.0&amp;tabs=visual-studio\u00a0to get all information about how to install Blazor and how to programm my first code example. I downloaded the latest version of the .net Core SDK v3.0.0-preview9 from\u00a0https:\/\/dotnet.microsoft.com\/download\/dotnet-core\/3.0\u00a0and installed the &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/tutorials.moedesign.de\/blog\/getting-started-with-blazor\/\" class=\"more-link\"><span class=\"screen-reader-text\">\u201eGetting started with Blazor\u201c <\/span>weiterlesen<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-170","post","type-post","status-publish","format-standard","hentry","category-blazor"],"_links":{"self":[{"href":"http:\/\/tutorials.moedesign.de\/blog\/wp-json\/wp\/v2\/posts\/170","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/tutorials.moedesign.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/tutorials.moedesign.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/tutorials.moedesign.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/tutorials.moedesign.de\/blog\/wp-json\/wp\/v2\/comments?post=170"}],"version-history":[{"count":1,"href":"http:\/\/tutorials.moedesign.de\/blog\/wp-json\/wp\/v2\/posts\/170\/revisions"}],"predecessor-version":[{"id":278,"href":"http:\/\/tutorials.moedesign.de\/blog\/wp-json\/wp\/v2\/posts\/170\/revisions\/278"}],"wp:attachment":[{"href":"http:\/\/tutorials.moedesign.de\/blog\/wp-json\/wp\/v2\/media?parent=170"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/tutorials.moedesign.de\/blog\/wp-json\/wp\/v2\/categories?post=170"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/tutorials.moedesign.de\/blog\/wp-json\/wp\/v2\/tags?post=170"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}