Get Visual Studio Code to give intellisense for custom Javascript imports

Question

I am writing automated testing scripts using TestComplete. TestComplete mostly supports Ecmascript 2015, but it has a few quirks that are causing intellisense to not work as I would expect.

Here is two examples of code files:

File: UsefulStuffFileName.js

class UsefulStuff {
    constructor(initValue) {
        this.initValue = initValue;
    }

    get someValue(){
        return this.initValue + " someValue";
    }

    doStuff(input) {
        return input + " stuff done";
    }
}

module.exports.UsefullStuff = UsefullStuff;

File: WorkingHere.js

var useful = require('UsefulStuffFileName');

class WorkingHere {
    constructor() {
        this.usefullStuff = new useful.UsefulStuff("Hello");
    }

    doCoolStuff() {
        // I want intellisense options when I type the period after this.usefulStuff
        // The options would be someValue, doStuff() and initValue.
        //                                |
        //                                |
        //                                V
        let myVariable = this.usefullStuff.someValue;                
    }
}

The quirks, as I see them are:

The export is done via this style: module.exports.UsefullStuff = UsefullStuff;. (This makes it work with TestComplete.)
The "import" assigns to a variable (var useful = require('UsefulStuffFileName');)
The "new"ing of the object uses the variable to access the class (new useful.UsefulStuff("Hello");).

Is there anyway to configure Visual Studio Code to understand how these files are related and give me intellisense?

Note: If I try the more standard import {UsefulStuff} from './UsefulStuffFileName'; I get an error saying "Unexpected token import" from TestComplete.

Vaccano · Accepted Answer · 2017-09-28 18:41:24Z

0

This can be done via these steps.

Change the import to look like this:

var { UsefulStuff } = require('UsefulStuff');
Change the instantiation of the class to look like this:

this.usefulStuff = new UsefulStuff("Hello");
Add a file called jsconfig.json and put this in it:

.

{
    "compilerOptions": {
      "baseUrl": "."      
    }
}

answered Sep 28, 2017 at 18:41

Vaccano

83.2k163 gold badges509 silver badges929 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Get Visual Studio Code to give intellisense for custom Javascript imports

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related