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

相关推荐
wocwin2 小时前
uniapp微信小程序封装navbar组件
微信小程序·uni-app·vue3·组件封装·navbar
arbboter6 小时前
【AI工具开发】Notepad++插件开发实践:从基础交互到ScintillaCall集成
人工智能·编辑器·notepad++·插件开发·scintilla·scintillacall·scintilla类封装
承前智6 小时前
基于Hbuilder X的uni-app连接OneNET云平台及AI交互 实战指南(三)——命令下发
uni-app·交互
十八朵郁金香8 小时前
【Uni-App】嵌入悬浮球全局组件的详细教程和防踩坑点
uni-app
修复bug11 小时前
Uniapp自定义TabBar组件全封装实践与疑难问题解决方案
前端·javascript·vue.js·uni-app·开源
Kx…………14 小时前
Uni-app入门到精通:subPackages节点为小程序的分包加载配置
前端·学习·小程序·uni-app
summer__777721 小时前
notepad++代码查看器分享
notepad++
冰凉小脚1 天前
uniapp 自定义展开/收起组件(适配H5、微信小程序等)
微信小程序·小程序·uni-app
jieyucx1 天前
在 UniApp 编译小程序时出现 `:class` 不支持 `getStatusClass(device.deviceStatus)` 语法的报错
小程序·uni-app
jieyucx1 天前
uniapp编译小程序报错,v-for中,非 h5 平台 :key 不支持表达式 chart+‘_‘
小程序·uni-app