代码提示(支持3.X和4.X)—ArcGIS API forJavaScript

编写代码最大的痛苦莫过于忘词了,当然最大的幸福是目前市面上大部分IDE都支持代码代码智能提示,这极大提高了我们的效率,节约了开发时间。但是IDE默认支持原生的语法,如何让IDE支持ArcGIS API for JavaScript智能提示呢。

这里我要推荐一款宇宙最强JS开发IDE—WebStrom

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。

WebStrom最大的特点就是智能代码补全,代码补全包含了所有流行的库,比如:JQuery, YUI, Dojo, Prototype, Mootools and Bindows。最主要的是它还可以通过配置库的.d.ts文件来实现代码智能提示。

我们可以通过ArcGIS API for JavaScript的类型定义文件.d.ts来在WebStrom中配置ArcGIS API代码智能提示。

arcgis-js-api.d.ts下载地址:https://github.com/Esri/jsapi-resources

代码提示(支持3.X和4.X)—ArcGIS API forJavaScript_第1张图片

在WebStrom中配置ArcGIS API代码智能提示

步骤

1、打开【file】-【setting】-【Languages&Frameworks】-【JavaScript】-【Libraries】


代码提示(支持3.X和4.X)—ArcGIS API forJavaScript_第2张图片
代码提示(支持3.X和4.X)—ArcGIS API forJavaScript_第3张图片

2、添加一个library。点击【Add】。在Name随便取个名字,然后点击旁边的【+】将对应版本的arcgis-js-api.d.ts添加进来,点击确定。

代码提示(支持3.X和4.X)—ArcGIS API forJavaScript_第4张图片

3、因为ArcGIS API for JavaScript是基于Dojo框架构建,所以我们会经常用到Dojo里的语法,为了方便开发也可以添加Dojo代码提示。再次点击【Add】,在【framework type】中选择dojo,点击documentation urls右边的【+】,此时会自动填入dojo的提示文件地址,直接点击确定即可

代码提示(支持3.X和4.X)—ArcGIS API forJavaScript_第5张图片

测试

  • 输入esri.Arc会自动显示ArcGISDynamicMapServiceLayer


    代码提示(支持3.X和4.X)—ArcGIS API forJavaScript_第6张图片

代码提示(支持3.X和4.X)—ArcGIS API forJavaScript_第7张图片

你可能感兴趣的:(代码提示(支持3.X和4.X)—ArcGIS API forJavaScript)