Dart-Code VS vscode-live-server

If it is related to the Dart/Flutter plugin, you should file a bug for that project and not for Dart or Flutter.

You say that only thing I did was open an issue and take the credit. I take that feedback constructively, but one tiny contribution I did though is make the Dart extension use the new API.

I can't help with the first few, but if you're seeing slow performance writing Dart/Flutter, please file an issue at https://github.com/Dart-Code/Dart-Code/issues.

It would probably be better if you file an issue here: https://github.com/Dart-Code/Dart-Code/issues

You might want to look into Dart-Code how these closing labels are generated and then create another VSCode plugin to create your kind of code decoration. I had a 1min glance at the plugin source code and I think, this API is responsible to creating such decorations.

The DevTools are a stand alone web application that are integrated into VSC using a VSC-specific webview component. This integration is written in TypeScript. See here.

I'm not aware of any other formatters for Dart. There's an open issue about more flexible formatting at https://github.com/Dart-Code/Dart-Code/issues/914 but it's not something being actively worked on. If someone was to create their own formatter I've offered in that thread to provide some pointers for wrapping it up into a VS Code extension (the Dart extension already supports disabling its own formatter, although VS Code now allows you to more easily select a different formatter).

Also, there's already an official extension for Dart which is open source, have you thought about contributing this feature to that extension?

This fix: https://github.com/Dart-Code/Dart-Code/issues/3332

I think your using the VSCode Live Server plugin. I would not use the Live Server plugin to run your app. The plugin does some magic to inject additional HTML into displayed page. Having SVG icons breaks it (not sure if you are using svg icons). I would run a basic app through a Python server by creating pyServer.py file:

Now open the html file using an HTTP server of your choice. I'm using the Live Server VS Code extension. You will see something like this.

More than likely.

This seems like a common issue with the vs code live server extension. You may want to switch to using npm live-server or try setting a proxy: https://github.com/ritwickdey/vscode-live-server/blob/master/docs/settings.md

I was using the VS code live server extension from here https://github.com/ritwickdey/vscode-live-server which exposes port 5500 on my localhost by default.

You need to use a server that establishes a root directory to /build (not fall back to the root of C:). I tried to get LiveServer (VS Code Extension) to function but it too needs the server root set to /build. Just found this which should solve that problem.

After downloading it, I will also recommend downloading an extension called Live Server in VsCode and it will help you to create a local server and view the changes made to the website without refreshing it each time & is super useful, Trust me!

To set the hostname to the desired IP address, use liveServer.settings.host (the default is 127.0.0.1).