当前位置: 代码迷 >> 综合 >> HBuilder X如何运行uni-app 项目
  详细解决方案

HBuilder X如何运行uni-app 项目

热度:87   发布时间:2024-02-04 15:36:28.0

HBuilder X如何运行uni-app 项目

首先,先配置你的node按照路径跟npm安装路径

在这里插入图片描述
如果没有装node环境的话先装node环境跟vue-cli脚手架。

配置成功后点击菜单里的运行/运行到浏览器
  • 然后HBulider会进行编译

在这里插入图片描述

编译运行终端结果如下:

打开浏览器输入http://localhost:8080/ 即可运行起来
在这里插入图片描述

如果报错,请检查插件有没有安装成功
  • 我安装的插件如下图所示:

在这里插入图片描述

  • uni-app是必装的插件,因为我们的项目就是用uni-app写的
  • 然后我会装内置浏览器跟内置终端
  • 如果项目用到scss/sass的话,要装scss/sass插件

scss/sass编译下载地址
HBuilder X插件市场
在这里插入图片描述