Windows/MacOS WebStorm/IDEA 中开发 Uni-App 配置_webstorm uniapp

文章目录

• 前言
• 1. 安装 HBuilder X
• 2. WebStorm/IDEA 安装 Uniapp Tool 插件
• 3. 配置 Uniapp Tool 插件
• 4. 运行 Uni-App 项目

前言

前端开发人员对 WebStorm 一定不陌生，但有时需要开发 Uni-App 的需求，就必须要采用 HBuilder X，如果不习惯 HBuilder X，其实可以通过 WebStorm 安装插件的方式，实现在 WebStorm 中运行 Uni-App 项目。

1. 安装 HBuilder X

WebStorm 插件只起到链接作用，因此还是需要安装 HBuilder X
官网下载安装：https://dcloud.io/hbuilderx.html

2. WebStorm/IDEA 安装 Uniapp Tool 插件

3. 配置 Uniapp Tool 插件

在设置中选择 工具->UniApp 配置 HBuilder X 的安装路径，以及其他工具位置

MacOS配置

4. 运行 Uni-App 项目

在运行中，选择编辑配置

新建一个 Uni-App 配置

然后就可以在 WebStorm 中运行 Uni-App 项目了