I've been running Blazor in production seven days after it was released.
Features when right-clicking a component in the solution explorer
When you right-click on a component in the Solution Explorer, you will see a new context menu with the following items:
Creating a new Isolated CSS file
I wanted to be able to create a new Isolated CSS file directly from the Solution Explorer, and I didn't want to have to type the name of the file.
Creating a new Codebehind file
This feature will add a code-behind file directly from the Solution Explorer.
Features when right-clicking when selecting code in a Razor file.
When you select code and right-click in a component, you will see a new context menu with the following items:
Move namespaces to _Imports
A common task when creating a new component is to add the namespace to the _Imports.razor file. Simply select the namespaces you want to move and right-click and choose "Move namespaces to _Imports".
Extract to Component
Blazor is a very component-based framework, and you often find yourself extracting parts of your code to a new component. This task is very common, and I wanted to make it as easy as possible. Simply select the code you want to extract and right-click and select "Extract to Component". This will create a new component with the selected code and replace the selected code with the new component.
Features when right-clicking a code-behind file of a Razor component.
When you right-click on a component's codebehind file in the Solution Explorer you will see a new context menu with the following items:
Move code-behind to razor
This is my favorite feature of the extension. Visual Studio makes moving code from the razor file to the code-behind file easy. But it doesn't have a feature to move code from the code-behind file to the razor file. I prefer to have all my code in the razor file, and I often move code from the code-behind file to the razor file. Right-click on the component.razor.cs file and select "Move code-behind to razor". This feature is in beta. I hope I have managed to cover all the edge cases, but if you find any bugs, please let me know.
Switching files between razor and code-behind is common, and I wanted to make it as easy as possible. By pressing CTRL + ALT + N (N for Next file), you can switch between the razor file and the code-behind file (or any nested files).