学习笔记(1)uni-app项目初始化

1,前期准备,

  1. 安装开发工具Hbuilderx,官网地址

  2. (了解即可)Hbuilderx的CLI命令行工具,点击进入

  3. 注册hbuilder账号,地址

  4. uni-app官网

  5. uview-ui1.0版本

  6. uniCloud(了解即可)

    1. 快速上手
    2. 基本概念

2,项目初始化

2.1,项目创建

打开hbuilder,左上角-----》文件—》----新建-----》项目,选择合适的模板创建。

2.2,项目框架结构

在这里插入图片描述

项目Value
uniCloud-aliyun云服务空间配置
pages页面
static静态资源
uni_modules项目使用的插件,相当于node_modules
app.vue根节点
index.html模板文件H5
main.js项目入口文件,同vue项目的main.js
mainfest.json项目配置(可视化)
pages.json所有页面、全局样式的配置
uni.scss样式表
unpackage打包文件夹
项目结构详情

2.3,项目运行和打包

  1. 打开hbuilder,左上角-----》运行—》----运行到浏览器。
  2. 打开hbuilder,左上角-----》发行—》----选择版本进行打包。每天有免费打包次数(6次左右)
    在这里插入图片描述

2.4,快速上手

地址

3,报错

如遇见下列错误,下载微信开发者工具,并把安装的路径输入到框中。
在这里插入图片描述

4,uni角色权限

所有者(创建者):创建app的账号,具有所有权限(设置管理员等)
管理者:非app的创建者,拥有发行app 的权限,
普通成员:项目的参与者,无发行权限

在这里插入图片描述
确保自己hbuilder绑定的账号已经由所有者邀请进入项目成员中,并已经实名认证成功。
在下面链接中可以看到项目,则证明已经在项目成员中,如下图所示
点击进入

在这里插入图片描述
如果项目绑定的有云服务空间,还需要在云服务空间中,由云服务的所有者把你的账号添加到成员列表中。
具体步骤

5,项目关联云服务

鼠标放在项目下的云服务文件夹下,右击—》》选择关联云服务空间或项目,选择对应的云服务空间。
在这里插入图片描述

6,社区市场

有一个社区和一个插件市场,很多问题可以到社区提问,对于常见的组件都能到找到封装好的轮子使用,有利于快速开发。

  1. 社区

  2. 插件市场:

  3. uni-app 快速入门_w3cschool:

  4. uni-app开发框架教程

  • 0
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

酒鼎

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值