blog
blog copied to clipboard
pb-cheung
WebStorm中配置微信小程序语法提示
安装
npm install --save @types/weapp-api
很简单，安装后即可使用。
原理
WebStorm代码补全功能
WebStorm支持代码补全、语法提示、关键字高亮，其原理是读取项目所有的文件并给其中的函数和方法建立索引，编码中再使用到函数名IDE就会有相应的补全提示（没有语法提示和关键字高亮）。
WS External Libraries
WS支持可以下载外部库文件到本地作为声明定义文件。
打开Preferences | Languages & Frameworks | JavaScript | Libraries，可以点击Add配置项目或者全局的库文件，或者点击download，会出现TypeScript社区标准的所有声明文件列表，找到小程序API对应的声明文件weapp-api下载即可。
在这个界面可以看到WS的一个默认设置，node_modules目录中的所有文件即项目依赖文件被添加为Libraries类型为predefined，WebStorm也会对其进行索引，并用于代码提示。每次安装或者删除npm包时，底部会有一定时间显示indexing也可说明。说以我们通过npm install将定义文件安装到node_modules目录也是可以的。
@types/weapp-api
npm包@types/weapp-api中文件是微信小程序API的声明/定义（declare/define）文件，在开源项目DefinitelyTyped的库中，该开源库是符合TypeScript规范的一系列类型定义文件。
其他方法（Live Templates）
很多博客中抄来抄去的一个方法就是导入一个配置包。
下载地址：https://github.com/miaozhang9/wecharCodejar，下载后，打开File | Import Settings选中这个jar包。这个方法有效，它是共享者导出的他WS的Live templates配置，但是可能会污染自己的Live templates配置。
导入成功后，打开Preference | Editor | Live Templates，可以看到wecharCode这个group，里面有一系列活动模板定义。
参考
http://definitelytyped.org/ configuring javascript libraries using live templates
