前言

最近在学习芋道商城-uniapp端,代码下载下来后使用HBuilderX打开,那一刻,我蒙了,这个HBuilderX到底如何使用,作为一个被JetBrains IDE祸害的受害者,我完全不知道该如何对HBuilderX下手。

代码高亮是不习惯的、ctrl+左键点击方法是不跳转的,下载部分插件是要看广告的,除了能编译uniapp项目,我想不到其他的优点。

于是去bing宣泄了下,HBuilderX怎么这么难用!,查到了为什么公司都不使用HBuilder?这个问答,一看评论区,原来WebStorm是有uniapp插件的,只是只支持h5与小程序,对我来说够用了,现在看看如何使用吧!

开始

准备

确信你已经下载并安装了下面三个IDE

配置

只需要配置WebStorm相关设置即可

安装uniapp tool插件

image-20250611201726500

安装完成后配置uniapp tool插件,找到file->setting->Tools->UniAPP,配置好一下内容即可

image-20250611201927715

使用uniapp tool启动项目,按照以下配置可运行为h5网页

image-20250611202155606

参考文档

为什么公司都不使用HBuilder?

webstorm开发uniapp(从安装到项目运行)