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博客

相关推荐
FOREVER-Q3 小时前
从开发到部署:Docker 化前端应用全流程指南
ide·docker·webstorm
anyup9 小时前
支持鸿蒙!开源三个月,uView Pro 开源库近期更新全面大盘点,及未来计划
前端·vue.js·uni-app
阿斌_bingyu70913 小时前
uniapp实现android/IOS消息推送
android·ios·uni-app
茶憶17 小时前
UniApp RenderJS中集成 Leaflet地图,突破APP跨端开发限制
javascript·vue.js·uni-app
2501_915918411 天前
移动端 HTTPS 抓包实战,多工具组合分析与高效排查指南
数据库·网络协议·ios·小程序·https·uni-app·iphone
雪芽蓝域zzs1 天前
uni-app 将 base64 图片编码转为 Blob 本地文件路径
网络协议·udp·uni-app
星光一影1 天前
陪诊陪检系统源码,陪诊小程序,陪诊APP,陪诊服务,家政上门系统,居家护理陪护源码
mysql·小程序·uni-app·php
Qlittleboy2 天前
uniapp里 rich-text 里的img图片如何控制最大宽度
uni-app
阿奇__2 天前
uniapp h5 app 小程序获取当前定位
小程序·uni-app
*小雪2 天前
uniapp写H5授权登录及分享,返回到目标页面
开发语言·javascript·uni-app