HBuilder X如何运行uni-app 项目

HBuilder X如何运行uni-app 项目

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

HBuilder X如何运行uni-app 项目_第1张图片
如果没有装node环境的话先装node环境跟vue-cli脚手架。

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

HBuilder X如何运行uni-app 项目_第2张图片

编译运行终端结果如下:

打开浏览器输入http://localhost:8080/ 即可运行起来
HBuilder X如何运行uni-app 项目_第3张图片

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

HBuilder X如何运行uni-app 项目_第4张图片

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

scss/sass编译下载地址
HBuilder X插件市场
HBuilder X如何运行uni-app 项目_第5张图片

你可能感兴趣的:(前端,vue)