Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>aureliaNew to Visual Studio Code? Get it now.

aurelia

AureliaEffect

|
36,682 installs
| (11) | Free
A VSCode extension for Aurelia
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Aurelia VSCode Extension

🚧🚧🚧 Early Alpha 🚧🚧🚧

Table of contents

  • 1. Usage
  • 2. Why rewrite?
  • 3. Anyway, here is what's new (and what's missing)
  • 4. More Info

This is a complete rewrite. You are more than welcome to try it out. We would be happy about your feedback! v1.0.7 is the previous stable version.

1. Usage

  • Have a tsconfig.json in the root

  • Rest should be automatic

    • Debugging: In the VSCode Output Panel look for Aurelia v2, there you should see how many components where picked up

    image

2. Why rewrite?

The main objective was to get completions for objects in your Aureila View/Template.

Spoiler (expand)

img

Eventually, all the work was continued in the rewrite, because new is always shiny.

3. Anyway, here is what's new (and what's missing)

New

  • Aurelia v2 compatible

    • Tested against examples/realworld-advanced
  • Changes are now immediately available (no need to restart)

  • Completions

    • Object completions in View
      • Possible limitations:
        • Imported types do not work
          • Thus, types from standard (typescript) lib will not complete either.
          • Arrays do not work (eg. myVar[0]. will not show completions)
  • Definitions

    • Now, Value Converter can be "go to definition"
      • Limitation: Chained Value Converters only works for first one
  • Hover

    Hover.gif (expand)

    au-hover-5

Missing (from v1)

  • mousedown.delegate, and alike
    • Currently, you would need to type mousedown, and only after typing . you would get completion for delegate
  • Some diagnostics, eg.
    • eg. .one-way="" is deprecated
    • casing
  • Aurelia Themes
  • Au CLI commands
  • .js support. (You would need a tsconfig.json file in the root, which would work then.)

4. More Info

Check out the Architecture document for a skeleton overview (expand for flowchart)

Acknowledgment

  • This extension started as a clone from microsoft / vscode-extension-samples / lsp-embedded-language-service
  • The "virtual completions" approach was inspired by Vetur Vetur docs
  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2019 Microsoft