uniapp学习第一天

一、初始化uniapp项目

(1)新建一个项目

uniapp学习第一天_第1张图片

(2)配置一个项目

uniapp学习第一天_第2张图片 二、把项目发布到微信小程序上

(1)配置微信小程序的appid

uniapp学习第一天_第3张图片

(2)在HBuildX中配置微信开发者工具的安装路径

uniapp学习第一天_第4张图片

(3)在微信开发工具中,通过设置->安全设置面板,开启服务端口 

uniapp学习第一天_第5张图片

(4)运行到微信你小程序

uniapp学习第一天_第6张图片(5)取消掉微信开发者的黄色警告

uniapp学习第一天_第7张图片

三、使用Git管理项目(自己学习吧)

四、创建tobBar页面 在page目录中创建首页·、分类、购物车、我的这4个tabbar页面,快速创建方法

(1)在page目录上鼠标右键,选择新建页面

(2)在弹出的窗口,填写页面的名称,勾选scss模板之后,点击创建模板之后、点击创建按钮。

uniapp学习第一天_第8张图片

uniapp学习第一天_第9张图片

uniapp学习第一天_第10张图片

五、配置tabBar效果

1、申明页面uniapp学习第一天_第11张图片

 2、配置tabBar 

uniapp学习第一天_第12张图片

六、配置启动项页面(condition) 

uniapp学习第一天_第13张图片

七、常用组件(去看下一章)

你可能感兴趣的:(uniapp,学习)