创建第一个uniapp项目与相关配置

1、进入uniapp官网

uniapp官网

2、下载HbuilderX

快速上手 > 通过 HBuilderX 可视化界面 > HBuilderX:官方IDE下载地址
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
将下载到的压缩文件解压,放在D盘或E盘。文件里面就有HBuilderX.exe文件,双击打开,运行。

3、安装插件

安装scss/sass编译插件,与es6编译插件。
在这里插入图片描述

在这里插入图片描述
第一次进入插件市场时,要先注册账号才可以下载插件,注册账号的操作和注册QQ差不多,这里就不做演示了。注册成功后,就可以导入插件。
在这里插入图片描述
之后HbuilderX会下载插件,下载后就可以新建uniapp项目了。

4、新建uniapp项目

在这里插入图片描述
在这里插入图片描述
uniapp-mall为项目名。
F:/Vue项目/uni-app,表示该项目放在哪个文件夹里。
点击创建后,第一个uniapp项目就创建成功啦,下次再发布uniapp项目如何下载模拟机,以及如何在模拟机上运行的教学。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值