All Collections
Mobiscroll products and tools
Using Mobiscroll for Angular/Ionic with Visual Studio Code
Using Mobiscroll for Angular/Ionic with Visual Studio Code

Learn how to configure VS Code auto-complete features to ease Mobiscroll development

Istvan Halmen avatar
Written by Istvan Halmen
Updated over a week ago

Visual Studio Code ships with built in TypeScript language support. Types and classes are recognized and code completion works out of the box. While Mobiscroll for Angular is compiled to JavaScript, the TypeScript definition files generated during compilation are also provided, so VSCode will recognize Mobiscroll types and classes as well. 

Configuring type-ahead for typescript

To use type-ahead or code completion for Mobiscroll settings, make sure to import the correct type for the settings.

import { MbscCalendarOptions } from '@mobiscroll/angular';

// ...

options: MbscCalendarOptions = {
   display: 'inline'

And voila, auto-suggest works 🎉

Supporting template files

This will not work automatically inside template files for custom elements. Thankfully, it can be easily solved by installing the Angular Language Service extension, no extra configuration is needed.

What's next?

Did this answer your question?