• In this post, we will focus on web framework updates such as better Angular and Vue.js support, as well as added support for   in Jest and Mocha test runners.
• This post is part of a series: (we will update the table of contents as we progress) – – After installing the Angular plugin (via Rider settings, under Plugins), Rider 2017.3 comes with code completion updates for Angular.
• A full list of available templates can be found in Rider settings under Editor | Live Templates – Vue.
• When using the Jest or Mocha JavaScript test frameworks, Rider now supports using the command line switch to quickly re-run tests when needed.
• In this post, we focused on improvements in our Angular and Vue.js support, as well as added support for   in Jest and Mocha test runners.

@JetBrainsRider: Using Rider with Angular, Vue.js, Jest or Mocha? Web framework updates in Rider 2017.3!

In our previous post about web development updates in Rider 2017.3, we looked at general JavaScript, TypeScript and CSS updates, as well as ESLint and TSLint updates and improvements to suggesting npm packages. In this post, we will focus on web framework updates such as better Angular and Vue.js support, as well as added support for   in Jest and Mocha test runners.

This post is part of a series: (we will update the table of contents as we progress)

After installing the Angular plugin (via Rider settings, under Plugins), Rider 2017.3 comes with code completion updates for Angular. We have added completion for property bindings in Angular templates.

When a is available, e.g. in Angular and Angular Material modules, Rider will use it as the source for code completion for tags and attributes instead of a compiled JavaScript bundle. This makes opening and indexing a project much faster.

We also fixed several bugs. Noteworthy is WEB-25652: code completion is now available for components that extend a base class which has event attributes created using the   decorator.

Vue.js is a popular framework for creating user interfaces, which Rider now supports as well! From the settings under Plugins, find and install the Vue.js plugin. Once installed, a whole set of Vue.js features opens up in Rider!

Rider comes with templates for Vue components. In solution explorer, we can…