I've been running Blazor in production seven days after it was released. Features when right-clicking a component in the solution explorerWhen 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 fileI 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 Isolated JavaScript fileI also wanted to be able to create a new Isolated JavaScript file directly from the Solution Explorer. Creating a new Codebehind fileThis 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 _ImportsA 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 ComponentBlazor 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 razorThis 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. Generic featuresSwitching 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). |