WebStorm中ArcGIS/ESRI远程加载Dojo的RequireJS支持配置方法

我开发ArcGIS项目时也碰到过一模一样的情况！不用额外安装Dojo或require，只要给WebStorm做几个简单配置就能搞定，分享给你：

方法1：添加ArcGIS JavaScript API的类型定义库 #

WebStorm可以通过npm的类型定义库自动识别ArcGIS和内置Dojo的语法，操作步骤如下：

• 打开WebStorm设置面板（快捷键Ctrl+Alt+S，Mac为Cmd+,）
• 导航到Languages & Frameworks > JavaScript > Libraries
• 点击右上角的+按钮，选择From npm
• 在搜索框输入@types/arcgis-js-api，选中后点击Install
• 安装完成后确保该库处于勾选状态，WebStorm就能自动识别require、define等Dojo方法了

方法2：手动声明全局变量（无需额外安装包） #

如果不想安装类型定义包，也可以直接告诉WebStormrequire是全局可用的：

• 快捷方式：在代码顶部添加一行注释，告知WebStorm全局变量：

  /* global require, define */
  

• 全局生效方式：创建一个globals.js文件，写入上述注释，然后在设置面板的Languages & Frameworks > JavaScript > Libraries中，点击+选择Attach Files or Directories，选中这个文件并设置为Global作用域，所有项目文件都会识别这些全局变量

方法3：配置JavaScript模块系统 #

Dojo使用AMD模块系统，调整WebStorm的模块设置也能解决识别问题：

• 打开设置面板，导航到Languages & Frameworks > JavaScript
• 将JavaScript language version设置为ECMAScript 6+或更高版本
• 在Module system选项中选择AMD
• 保存设置后，WebStorm会更精准地识别Dojo的require语法

这几个方法都无需安装独立的Dojo包，完全基于ArcGIS JS API自带的Dojo实现配置，亲测有效！

内容的提问来源于stack exchange，提问作者user736893