Add a Visual Studio Code extension

[emberian]

Even something really basic would be nice for editing the XAML files (eg, autocompletion of tag names).

[kekekeks]

https://github.com/kekekeks/Avalonia.Ide - our library for XAML completion

[ApiumJacob]

I found this researching this topic...I haven't tried it yet.

https://marketplace.visualstudio.com/items?itemName=PrzemyslawOnak.pimp-my-avalonia

https://github.com/ShadowDancer/PimpMyAvalonia

[vleeuwenmenno]

@ApiumJacob let me know how it goes once you tried. Running Fedora 34 here and developing for Linux in .NET even when we only had mono

[ApiumJacob]

@vleeuwenmenno at the moment I decided to go with Rider (30 day free trial). I'm on Ubuntu 18.04. Up until this point I've been using VScode and making console apps only. But the app is getting big enough that its getting difficult to navigate text based menus and it sure would nice to have a file dialog selector so...

[trampster]

I tried PimpMyAvalonia but it requires .net core 3, This doesn't work because I have .net 6 installed, and I'm using the ubuntu debian package so you can't do side by side installs.

Rider isn't an option for me because it isn't free. And I don't want my open source projects to require a payed product, because that will limit contributions.

I have also looked at using Uno platform because that does have vscode extension that does code completion for xaml. However it's not currently working on linux.

[trampster]

My Uno platform issue was caused by an omnisharp bug, which is fixed in that latest release, So I can confirm that xaml code completion does work with Uno in vscode on linux.

So for people wanting to develop on linux Uno might be a better choice, at least until Avalonia adds vscode xaml code completion support.

[martin-braun]

I'd love to not just have an extension for auto completion of XAML, but also a simple designer that allows me to preview my XAML and identify objects in the visual tree by clicking on them.

If I understand correctly, this is already available for Windows users in Visual Studio, so Mac or Linux users are out of luck, although Avalonia targets all three platforms.

[iinuwa]

This doesn't work because I have .net 6 installed, and I'm using the ubuntu debian package so you can't do side by side installs.

@trampster Could you clarify this? I have .NET Core 3.1 and 6 installed at the same time on Ubuntu 20.04 with the dotnet-sdk-3.1 and dotnet-sdk-6.0 packages. I might not be thinking about the same thing that you are though.

[trampster]

I think the extension requires dotnet to be on the path and dotnet --version to be 3.1

But there can be only one dotnet on the path and it's 6.

[YoriMirus]

I think the extension requires dotnet to be on the path and dotnet --version to be 3.1

But there can be only one dotnet on the path and it's 6.

I have POP!_OS 21.10 and I have dotnet 6.0 and 3.1. dotnet --version lists only 6.0, dotnet --list-sdks shows both versions and the extension works properly to me, so it might be an issue somewhere else for you.

[Shayan-To]

Any update on this? Any timeframe when this will be available?

[tizu69]

While not a perfect solution, the "Xml Complete" extension seemingly works flawlessly with axaml files (in the 5 minutes of testing that I did). Sure, it takes about 10 secs after vs code loads for me until the thing kicks in, but after that, it works! This, obviously, does not include the designer or anything, but Live.Avalonia should do the trick for now.

[scriptBoris]

Any updates?

[XanatosX]

It's super difficult to develop ui's without either Rider or Visual Studio. It's possible but super time consuming with the current tools we have. Would be nice to get a status at least.

[scriptBoris]

It's super difficult to develop ui's without either Rider or Visual Studio. It's possible but super time consuming with the current tools we have. Would be nice to get a status at least.

I've been using a HotReload all my life and I can say that it's possible!

[XanatosX]

I will give this a try, you are talking about the "LIve.Avalonia" package which is mentioned some answers above?

[timunie]

@XanatosX AvantGarde is maybe useful as a stand-alone previewer: https://github.com/kuiperzone/AvantGarde

[heartacker]

https://marketplace.visualstudio.com/items?itemName=AvaloniaTeam.vscode-avalonia

there is

[tizu69]

https://marketplace.visualstudio.com/items?itemName=AvaloniaTeam.vscode-avalonia

there is

yup, but that wasn't a thing a few months ago. kinda was the deal breaker for me, I fully switched to GTK now and love it :)

[timunie]

CS Code extension is now GA. So we can close this issue imo