How To Setup AngularDart5 on VS Code


I have searched far and wide on documentation on how to effectively set up Angular Dart 5 on Visual Studio Code but found nothing conclusive so far.

Places I’ve searched already:

The VS Code plugin for dart doesn’t provide functionality to make a new empty project. So I’m currently at a loss.

How would I go about setting up an AngularDart 5 project on my VS Code IDE? Could someone refer me to resources for the same?


VS Code with the Dart Code plugin offers basic support for editing AngularDart project files.

Integrated support for building and running apps is still work in progress (use Dart-Code#68 to track progress).

I don’t know of any support to create an empty AngularDart 5 project, but you can use CLI tools to create starter projects, for example:

$ pub global activate stagehand
$ mkdir ng_project
$ cd ng_project
$ stagehand web-angular

The template also illustrates use of Angular Components.

To build and serve your app use the webdev CLI tool:

$ pub global activate webdev 
$ webdev serve

The serve command will build, serve and watch your app sources. You can, of course, launch this command from within a VS Code integrated terminal.

Answered By – Patrice Chalin

Answer Checked By – Timothy Miller (FlutterFixes Admin)

Leave a Reply

Your email address will not be published. Required fields are marked *