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

相关推荐
浮尘笔记11 小时前
JetBrains差异设置被自动勾选的排查与根治实录
经验分享·程序人生·编辑器·intellij idea·phpstorm·webstorm
码间留白19 小时前
uni-app 鸿蒙离线打包:一个改动从源码到真机要穿过几条链
uni-app·鸿蒙·deveco·离线打包·uts插件
独隅19 小时前
WebStorm macOS 安装部署与高效调优实战指南
ide·macos·webstorm
多客:duokelijie1 天前
代练订单系统选型思路:跨品类游戏接入、订单分层管理、自动结算逻辑拆解!
数据库·mysql·微信小程序·前端框架·uni-app·php·持续部署
独隅2 天前
WebStorm Windows 版 React / Next.js 实战替换指南
javascript·windows·webstorm
码间留白2 天前
鸿蒙端对接 BLE 血压计:从一次握手到读数入库(二)设备篇
物联网·uni-app·鸿蒙·蓝牙ble·血压计
Frag0ut3 天前
Notepad++ 宏录制自动化实战:让重复操作一键完成(2026效率版)
自动化·notepad++·macros·批量处理·宏录制·一键操作·重复操作自动化
AI源码3 天前
在线考试小程序
小程序·notepad++
华玥作者3 天前
Vue 3 + TypeScript + uni-app 组件库推荐:hy-app(华玥组件库)
vue.js·typescript·uni-app
FinelyYang3 天前
uniapp使用kkfileview在线预览ppt,excel,word,pdf类型文件
pdf·uni-app·powerpoint