<commit_before># aurelia-vscode-extension

[![npm Version](https://img.shields.io/npm/v/aurelia-validation.svg)](https://www.npmjs.com/package/aurelia-vscode-extension)
[![ZenHub](https://raw.githubusercontent.com/ZenHubIO/support/master/zenhub-badge.png)](https://zenhub.io)
[![Join the chat at https://gitter.im/aurelia/discuss](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/aurelia/discuss?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
[![Build Status](https://travis-ci.org/aurelia/vscode-extension.svg?branch=master)](https://travis-ci.org/aurelia/vscode-extension)

This library is part of the [Aurelia](http://www.aurelia.io/) platform and contains a vs code extension.

> To keep up to date on [Aurelia](http://www.aurelia.io/), please visit and subscribe to [the official blog](http://blog.aurelia.io/) and [our email list](http://eepurl.com/ces50j). We also invite you to [follow us on twitter](https://twitter.com/aureliaeffect). If you have questions, please [join our community on Gitter](https://gitter.im/aurelia/discuss) or use [stack overflow](http://stackoverflow.com/search?q=aurelia). Documentation can be found [in our developer hub](http://aurelia.io/hub.html). If you would like to have deeper insight into our development process, please install the [ZenHub](https://zenhub.io) Chrome or Firefox Extension and visit any of our repository's boards.

## Installation
To see syntax highlighting of the Aurelia syntax you need to have a theme installed that has scope colors for html.au.

The default themes don't contain this scope, so we created 4 new themes which are clones of the default ones, 
but have support for Aurelia syntax highlighting.

You can select them by clicking on : 

[File] / [Preferences] / [Color theme] 

and pick any of the following themes:

- Aurelia Dark
- Aurelia Dark+
- Aurelia Light
- Aurelia Light+

If you want to build a custom theme, [read here](https://github.com/aurelia/vscode-extension/wiki/Creating-a-customized-theme-with-Aurelia-syntax-support) how to add support for the Aurelia syntax.

## Features

### Aurelia-CLI commands from Visual Studio code

![Aurelia CLI commands](https://raw.githubusercontent.com/aurelia/vscode-extension/master/images/aurelia-cli.gif)

### Autocomplete

![Aurelia auto complete](https://raw.githubusercontent.com/aurelia/vscode-extension/master/images/aurelia-autocomplete.gif)

### Aurelia themes

![Aurelia custom themes](https://raw.githubusercontent.com/aurelia/vscode-extension/master/images/aurelia-themes.png)

### Aurelia syntax highlighting

Dark theme
![Aurelia dark theme](https://raw.githubusercontent.com/aurelia/vscode-extension/master/images/dark-aurelia-syntax.PNG)

Light themes
![Aurelia light theme](https://raw.githubusercontent.com/aurelia/vscode-extension/master/images/light-aurelia-syntax.PNG)<commit_msg>doc(readme): mark theme titles as headers<commit_after># aurelia-vscode-extension

[![npm Version](https://img.shields.io/npm/v/aurelia-validation.svg)](https://www.npmjs.com/package/aurelia-vscode-extension)
[![ZenHub](https://raw.githubusercontent.com/ZenHubIO/support/master/zenhub-badge.png)](https://zenhub.io)
[![Join the chat at https://gitter.im/aurelia/discuss](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/aurelia/discuss?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
[![Build Status](https://travis-ci.org/aurelia/vscode-extension.svg?branch=master)](https://travis-ci.org/aurelia/vscode-extension)

This library is part of the [Aurelia](http://www.aurelia.io/) platform and contains a vs code extension.

> To keep up to date on [Aurelia](http://www.aurelia.io/), please visit and subscribe to [the official blog](http://blog.aurelia.io/) and [our email list](http://eepurl.com/ces50j). We also invite you to [follow us on twitter](https://twitter.com/aureliaeffect). If you have questions, please [join our community on Gitter](https://gitter.im/aurelia/discuss) or use [stack overflow](http://stackoverflow.com/search?q=aurelia). Documentation can be found [in our developer hub](http://aurelia.io/hub.html). If you would like to have deeper insight into our development process, please install the [ZenHub](https://zenhub.io) Chrome or Firefox Extension and visit any of our repository's boards.

## Installation
To see syntax highlighting of the Aurelia syntax you need to have a theme installed that has scope colors for html.au.

The default themes don't contain this scope, so we created 4 new themes which are clones of the default ones, 
but have support for Aurelia syntax highlighting.

You can select them by clicking on : 

[File] / [Preferences] / [Color theme] 

and pick any of the following themes:

- Aurelia Dark
- Aurelia Dark+
- Aurelia Light
- Aurelia Light+

If you want to build a custom theme, [read here](https://github.com/aurelia/vscode-extension/wiki/Creating-a-customized-theme-with-Aurelia-syntax-support) how to add support for the Aurelia syntax.

## Features

### Aurelia-CLI commands from Visual Studio code

![Aurelia CLI commands](https://raw.githubusercontent.com/aurelia/vscode-extension/master/images/aurelia-cli.gif)

### Autocomplete

![Aurelia auto complete](https://raw.githubusercontent.com/aurelia/vscode-extension/master/images/aurelia-autocomplete.gif)

### Aurelia themes

![Aurelia custom themes](https://raw.githubusercontent.com/aurelia/vscode-extension/master/images/aurelia-themes.png)

### Aurelia syntax highlighting

#### Dark theme

![Aurelia dark theme](https://raw.githubusercontent.com/aurelia/vscode-extension/master/images/dark-aurelia-syntax.PNG)

##### Light themes

![Aurelia light theme](https://raw.githubusercontent.com/aurelia/vscode-extension/master/images/light-aurelia-syntax.PNG)
{'fraction_non_alphanumeric': 0.1318567226163696, 'fraction_numerical': 0.0017304031839418584, 'mean_word_length': 5.188436830835117, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, 'https://': 36, 'lorem ipsum': 0, 'www.': 6, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2782679', 'n_tokens_mistral': 1921, 'n_tokens_neox': 1852, 'n_words': 460}