文章目录
- 前言
- [1. 安装 HBuilder X](#1. 安装 HBuilder X)
- [2. WebStorm/IDEA 安装 Uniapp Tool 插件](#2. WebStorm/IDEA 安装 Uniapp Tool 插件)
- [3. 配置 Uniapp Tool 插件](#3. 配置 Uniapp Tool 插件)
- [4. 运行 Uni-App 项目](#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 项目了