topic Re: VS code Intellisense with JS - ArcGIS API (not TS) in ArcGIS JavaScript Maps SDK Questions

VS code Intellisense with JS - ArcGIS API (not TS)

Ravichandran_M_Kaushika — Tue, 03 Apr 2018 21:23:22 GMT

dear readers,

using NPM install etc and using Mr. Rene's video, I was able to get Intellisense of ArcGIS API to work in VS Code 1.21.x. It was very useful.

Now is getting the same EXPERIENCE with JS not possible? are there any links I could look at?

thanks to all. Special thanks to Mr. Rene for taking the time to do you tube videos.

regards

ravi.

Re: VS code Intellisense with JS - ArcGIS API (not TS)

ReneRubalcava — Wed, 04 Apr 2018 17:32:52 GMT

You can install the typings for the JSAPI and if you write your code with ES6 imports using babel to transform your code, you can get intellisense in your code.

I have a couple of videos on this.

This ones a little long, but info is there: TypeScript Typings for JavaScript - YouTube

This one talks about using babel for to transpile: Set up Babel for your ArcGIS API for JavaScript Project - YouTube

Hope that helps.

Re: VS code Intellisense with JS - ArcGIS API (not TS)

Ravichandran_M_Kaushika — Wed, 04 Apr 2018 22:16:17 GMT

Rene,

good afternoon. thanks a lot for the awesome videos. it helped me a quite a bit.

regards

ravi.

Re: VS code Intellisense with JS - ArcGIS API (not TS)

VovaZhdanov — Thu, 23 Jan 2020 23:17:40 GMT

Rene,

I followed your videos and I was able to get it work, but when I am using intellisense it doesn't compile "watchUtils" it comes out always undefined. It works with everything else but not the Utils. If I go to the compiled file and just erase *2.default it works. Is there a specific way to use it? I really don't want to go back and write code without the intellisense, I would appreciate your help.

Thank you.

Re: VS code Intellisense with JS - ArcGIS API (not TS)

ReneRubalcava — Fri, 24 Jan 2020 14:43:17 GMT

If I remember right, watchUtils is a module where you need to import * as watchUtils from "esri/core/watchUtils"

Of you could import the individual exports, import { whenFalseOnce } from "esri/core/watchUtils"

That should work with the typings.

Re: VS code Intellisense with JS - ArcGIS API (not TS)

VovaZhdanov — Fri, 24 Jan 2020 15:06:32 GMT

This is what I am doing: first I import the module

import watchUtils from "esri/core/watchUtils";

Then I use it in the code

/* Check for map extent change */

watchUtils.whenFalse(view, 'stationary', function (evt) {

if (!view.stationary) {

watchUtils.whenTrueOnce(view, 'stationary', function (evt) {

if (view.extent) {

if (lf.getInteriorReferenceLayerMinScale()) {

if (lf.interiorReferenceLayerMinScale >= view.scale) {

floorButton.displayFloorButtons(view.extent, dom);

}

else {

floorButton.hideFloorButtons(dom);

}

});

} else {

watchUtils.whenFalseOnce(view, 'interacting', function (evt) {

console.log(view.extent);

});

}

})

and in the console I get:

dojo.js:19 Uncaught TypeError: Cannot read property 'whenFalse' of undefined

Re: VS code Intellisense with JS - ArcGIS API (not TS)

VovaZhdanov — Fri, 24 Jan 2020 15:29:47 GMT

Rene,

The second way of importing worked, if you import each method separately it works! Thank you for the tip!