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

相关推荐
bug总结3 小时前
深入理解 uni-app 的 uni.createSelectorQuery()
uni-app
真上帝的左手3 小时前
25. 移动端-uni-app
uni-app
编程猪猪侠3 小时前
基于Uni-app+vue3实现微信小程序地图固定中心点范围内拖拽选择位置功能(分步骤详解)
uni-app
江湖有缘4 小时前
【Docker项目实战】使用Docker部署Notepad轻量级记事本
docker·容器·notepad++
小徐_23336 小时前
Trae 辅助下的 uni-app 跨端小程序工程化开发实践分享
前端·uni-app·trae
斯~内克6 小时前
UniApp 页面传参方式详解
网络协议·udp·uni-app
大聪明了8 小时前
uniapp vue3 使用 pinia
javascript·vue.js·uni-app
腾讯云qcloud075510 小时前
腾讯位置商业授权微信小程序关键词输入提示
notepad++
一杯科技拿铁14 小时前
Notepad++ 插件开发实战技术
notepad++