topic Re: In Visual Studio Code, how to install arcgis-js-api.d.ts in ArcGIS JavaScript Maps SDK Questions

In Visual Studio Code, how to install arcgis-js-api.d.ts

WenhuaPeng — Sat, 22 Oct 2016 03:27:47 GMT

I am new to javascript. In windows Visual Studio Code, I want to get arcgis api Intellisense , some guidebook says first install node.js and typings, then install arcgis api.

The typings tool may be used to install this using the command:
typings install --global github:Esri/jsapi-resources/4.x/typescript/arcgis-js-api.d.ts

execute above line in cmd.exe , error shows the location is bad.

SO how can I install arcgis-js-api.d.ts

Thanks!

Re: In Visual Studio Code, how to install arcgis-js-api.d.ts

RobertScheitlin__GISP — Sat, 22 Oct 2016 19:00:10 GMT

Wenhua,

It look like you can ignore that warning:

Warning about mutable location of dependency · Issue #624 · typings/typings · GitHub

Video Link : 3199

Re: In Visual Studio Code, how to install arcgis-js-api.d.ts

WenhuaPeng — Sat, 22 Oct 2016 21:20:12 GMT

Robert,

If i ignore the warning , i can't get arcgis api Intellisense in visual studio code. Is there any other IDE that can hint intelligently ArcGis API( function/attribute)? I think the intelligently hint is quite helpful.

Thank you so much!

Re: In Visual Studio Code, how to install arcgis-js-api.d.ts

RobertScheitlin__GISP — Sat, 22 Oct 2016 22:09:53 GMT

Wenhua,

I am not sure what to do then. Lets see if some experts can provide some help.

odoe‌

dpaddock-esristaff‌

Re: In Visual Studio Code, how to install arcgis-js-api.d.ts

WenhuaPeng — Sun, 23 Oct 2016 04:17:06 GMT

In Rene Rubalcava's first vedeo , we can see he is using VisualStudioCode, and successfully get Intellisense

Re: In Visual Studio Code, how to install arcgis-js-api.d.ts

ReneRubalcava — Mon, 24 Oct 2016 03:24:29 GMT

You need to have a tsconfig.json in the root of your folder with your TS settings and files.

You can see a sample project here.

GitHub - odoe/esrijs4-ts: Sample EsriJS 4 TypeScript Application

Re: In Visual Studio Code, how to install arcgis-js-api.d.ts

RobertScheitlin__GISP — Mon, 24 Oct 2016 12:57:59 GMT

Rene,

Can you do a setting up type script in VS for dummies (i.e. people that have no experience with any of the components involved except VS)?

Re: In Visual Studio Code, how to install arcgis-js-api.d.ts

JeffJacobson — Mon, 24 Oct 2016 17:38:04 GMT

The use of the "typings" tool was deprecated in TypeScript 2.0. The type definitions for version 3.x of the ArcGIS API can be downloaded via NPM here, but I'm not sure what to do for version 4.x.

Re: In Visual Studio Code, how to install arcgis-js-api.d.ts

WenhuaPeng — Tue, 25 Oct 2016 03:17:28 GMT

According your suggestion , I have installed the type definitions for version 3.x of the ArcGIS API . In Visual Studio 2015 ,intellsense now can provide a some hint. I don't know if it could be better. In Visual Studio Code, it still not work.

Re: In Visual Studio Code, how to install arcgis-js-api.d.ts

WenhuaPeng — Tue, 25 Oct 2016 03:43:49 GMT

I copy tsconfig.json and typings.json from your sample, it still not work.

Re: In Visual Studio Code, how to install arcgis-js-api.d.ts

ReneRubalcava — Tue, 25 Oct 2016 18:12:33 GMT

Thanks Robert Scheitlin, GISP‌ for the suggestion. I put together a video that starts from scratch on setting up Visual Studio Code using the ArcGIS API for JavaScript.

TypeScript and Visual Studio Code for ArcGIS API for JavaScript - YouTube

Hopefully that provides a better picture on getting things up and running.

Re: In Visual Studio Code, how to install arcgis-js-api.d.ts

WenhuaPeng — Wed, 26 Oct 2016 23:15:15 GMT

Rene,

I follow your vedeo, step by step, npm install dojo & arcgis api, init project ......, at the step

import Map = Require("esri/map");
import FeatureLayer = Require("esri/layer/featureLayer");

still cannot get the Intellisense. Should I need some extension in VSC?

Thank you so much!

Re: In Visual Studio Code, how to install arcgis-js-api.d.ts

ReneRubalcava — Thu, 27 Oct 2016 17:47:45 GMT

None of my VS Code extensions seem to matter.

What version of TypeScript are you using? You can check via tsc --version in the command line.

Did you restart VS Code?

Re: In Visual Studio Code, how to install arcgis-js-api.d.ts

WenhuaPeng — Thu, 27 Oct 2016 19:10:48 GMT

tsc version 2.03, I restart VS code and the computer.

Re: In Visual Studio Code, how to install arcgis-js-api.d.ts

GLCAdmin — Thu, 26 Jan 2017 18:43:16 GMT

Hi Wenhua,

I am running into the same problem as you are. I did the same as the video tutorial and it did not work, but the following lines worked for me.

import Map = require("esri/Map");

import FeatureLayer = require("esri/layers/FeatureLayer")

Maybe because the ArcGIS JS library we are getting from npm has been updated to version 4.2, not 3.18, which may have packaged classes and objects differently?

Additionally, though these two import lines worked, I am not getting IntelliSense creating the map constant, e.g., basemap, center. Any idea?

Re: In Visual Studio Code, how to install arcgis-js-api.d.ts

JeffJacobson — Mon, 30 Jan 2017 21:49:57 GMT

You can still get the 3.x version from NPM if you need it. Below is what you would type at the console to specifically install the 3.x version.

npm install --save @types/arcgis-js-api@">=3.19.0 <4"‍‍‍

Re: In Visual Studio Code, how to install arcgis-js-api.d.ts

Ravichandran_M_Kaushika — Tue, 03 Apr 2018 21:09:56 GMT

@Rene Rubalcava, and others,

good afternoon. I see that Rene's video 'uses' TS - i just completed reading readng a few pages comparing JS vs its superset TS.

I was able to get a sample project going w TS on VS code. I got intellisense.

Does ESRI recommend TS for web app builder and the like?

thanks Mr. Rene for your nice youtube video.

regards

ravi.

Re: In Visual Studio Code, how to install arcgis-js-api.d.ts

ZorbaConlen1 — Mon, 13 Aug 2018 21:27:52 GMT

Hi,

I'm trying to get intellisense working in VS 2017. I have followed the steps in Rene's video, but no luck so far.

-Used npm to install esri jsapi typings (3.25)

-Edited tsconfig.json file to include reference to typings.d.ts file

-Created typings.d.ts file with references as shown

-Confirmed packge.json exists and configured correctly

I know the video was for vs code, but assuming this can be configured similarly for VS.

Any suggestions.

Thanks