webstorm开发uniapp(从安装到项目运行)

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。

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

文章参考:(webstorm如何调试uniapp程序_webstorm运行uniapp项目-CSDN博客

webstrom 开发uniapp 教程 安装使用教程_webstorm运行uniapp项目-CSDN博客

相关推荐
DONSEE广东东信智能读卡器8 小时前
蓝牙身份证阅读器使用Uniapp调用二次开发demo
javascript·uni-app·蓝牙·身份证阅读器
fakaifa14 小时前
【开源版】likeshop上门家政系统PHP版全开源+uniapp前端
小程序·uni-app·php·家政小程序源码·家政服务小程序·源码下载·上门家政
阿諪諪15 小时前
uniapp小程序中实现无缝衔接滚动效果
小程序·uni-app
七七小报19 小时前
uniapp-商城-48-后台 分类数据添加修改弹窗bug
uni-app·bug
AALoveTouch20 小时前
霸王茶姬微信小程序自动化签到系统完整实现&解析
微信小程序·自动化·notepad++
七七小报20 小时前
uniapp-商城-50-后台 商家信息
uni-app
七七小报21 小时前
uniapp-商城-51-后台 商家信息(logo处理)
java·服务器·windows·uni-app
七七小报1 天前
uniapp-商城-47-后台 分类数据的生成(通过数据)
uni-app
ᥬ 小月亮1 天前
Uniapp编写微信小程序,使用canvas进行绘图
微信小程序·uni-app·c#