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

文章目录

  • 前言
  • [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 项目了

相关推荐
缺点内向17 小时前
Java:创建、读取或更新 Excel 文档
java·excel
带刺的坐椅18 小时前
Solon v3.4.7, v3.5.6, v3.6.1 发布(国产优秀应用开发框架)
java·spring·solon
四谎真好看19 小时前
Java 黑马程序员学习笔记(进阶篇18)
java·笔记·学习·学习笔记
桦说编程19 小时前
深入解析CompletableFuture源码实现(2)———双源输入
java·后端·源码
java_t_t19 小时前
ZIP工具类
java·zip
lang2015092820 小时前
Spring Boot优雅关闭全解析
java·spring boot·后端
2501_9159090620 小时前
“绑定 HTTPS” 的工程全流程 从证书配置到真机验证与故障排查
网络协议·http·ios·小程序·https·uni-app·iphone
pengzhuofan21 小时前
第10章 Maven
java·maven
百锦再21 小时前
Vue Scoped样式混淆问题详解与解决方案
java·前端·javascript·数据库·vue.js·学习·.net
刘一说21 小时前
Spring Boot 启动慢?启动过程深度解析与优化策略
java·spring boot·后端