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

相关推荐
frontend_frank8 分钟前
脱离 Electron autoUpdater:uni-app跨端更新:Windows+Android统一实现方案
android·前端·javascript·electron·uni-app
三天不学习1 小时前
UniApp三端实时通信实战:SignalR在H5、APP、小程序的差异与实现
微信小程序·uni-app·signalr
念你那丝微笑1 小时前
uView Plus + Vue3 + TypeScript + UniApp 正确引入 UnoCSS(避坑版)
vue.js·typescript·uni-app
念你那丝微笑2 小时前
vue3+ts在uniapp项目中实现自动导入 ref 和 reactive
vue.js·typescript·uni-app
游戏开发爱好者82 小时前
如何使用 AppUploader 提交上传 iOS 应用
android·ios·小程序·https·uni-app·iphone·webview
百锦再2 小时前
AI视频生成模型从无到有:构建、实现与调试完全指南
人工智能·python·ai·小程序·aigc·音视频·notepad++
Eason_Lou13 小时前
webstorm开发vue项目快捷跳转到vue文件
ide·vue.js·webstorm
iOS阿玮1 天前
AppStore卡审依旧存在,预计下周将逐渐恢复常态!
uni-app·app·apple
郑州光合科技余经理1 天前
开发实战:海外版同城o2o生活服务平台核心模块设计
开发语言·git·python·架构·uni-app·生活·智慧城市
行走的陀螺仪1 天前
在UniApp H5中,实现路由栈的持久化
前端·javascript·uni-app·路由持久化·路由缓存策略