方法一

File > Settings > 搜索 Plugins > 再搜索 Wxapp > install

方法二

文章转自 https://www.itshutong.com/articles/178/configure-webstorm-to-develop-wechat-applet

微信开发者工具虽然能编辑代码，可以实时预览，如果只用于临时调试代码是足够的，要是作为小程序的开发工具就很显得很弱鸡了，尤其是与功能强悍的webstorm对比，小程序自带的编辑器简直就是玩具。

默认情况下，webstorm是不支持wxml和wxss的文件类型，不会有语法高亮

由于这两者的语法高亮与html, css是相对应的, 我们可以手动添加对这两种文件类型的语法支持![

语法高亮效果

除了高亮，还需要代码提示, 所幸已经有前辈整理了小程序的代码片段，只需要导入其安装包即可使用
WebStorm下配置微信小程序代码提醒jar

重启webstorm, 即可看到代码提示效果

不仅限于webstorm, jetbrains全家桶均可适用