1、下载uniapp插件
下载连接:Uniapp Tool - IntelliJ IDEs Plugin | Marketplace
(结合自己的webstorm版本下载,不然解析不了)
将下载到的zip文件防在webstorm安装路径下,本文的地址为:

2、安装uniapp插件
点击文件找到settings

在editor中找到Plugins

点击Plugins中的设置找到从磁盘加载文件(install Plugin from disk)

找到放置的插件并单击apply,插件安装完毕。

3、配置uniapp
同样在文件中的settings找到tools(File=>settins=>Tools)

点击uniapp并做如下配置,分别打开HbuilderX的安装位置与微信小程序的安装位置。
HbuilderX的下载连接:HBuilderX-高效极客技巧
微信小程序的注册与工具下载链接:小程序(按需下载,本文需要)
4、运行uniapp项目
在webstorm中点击edit

点击+添加uniapp的运行指令,Name随便命名,做如下配置后点击apply。

最后点击运行,耐心等待运行成功。
