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

相关推荐
m0_748248776 小时前
【前端 Uniapp】使用Vant打造Uniapp项目(避坑版)
前端·uni-app
Qin_jiangshan6 小时前
使用HBuilderX 进行uniapp 打包Android APK
android·uni-app
java156550579706 小时前
【uni-app】App与webview双向实时通信
uni-app
niew~12 小时前
用uni-app写的开灯、关灯的面板界面
前端·javascript·uni-app
寰梦12 小时前
Docker(Nginx) 部署 uniapp
nginx·docker·uni-app
一朵好运莲16 小时前
HBuilderX(uni-app)Vue3路由传参和接收路由参数!!
前端·vue.js·uni-app
哟哟耶耶21 小时前
learn-(Uni-app)输入框u-search父子组件与input输入框(防抖与搜索触发)
uni-app
写BUG天花板21 小时前
Vscode 构建 uniapp vue3 + ts 微信小程序项目
vscode·微信小程序·uni-app
web182854825121 天前
优化 Vue 3 开发体验:配置 Vite 使用 WebStorm 作为 Vue DevTools 的默认编辑器
vue.js·编辑器·webstorm