实习生第一天，支付宝小程序项目前端搭建

摘要

昨天新入职web前端开发实习生一职，关于实习第一天的记录分享。第一天主要做了三件事情：搭建公司开发环境、熟悉公司开发规范、看看支付宝小程序的开发文档熟悉支付宝小程序的开发。搭建环境和公司开发规范没什么好讲的，接下来主要分享第一天的小程序了解。包括页面的新建转跳以及组件的使用。

支付宝小程序的项目搭建

首先进入支付宝小程序官网下载小程序开发者工具

网址：下载中心

然后打开小程序开发者工具

 新建项目

 选择平台点击下一步，选择模板点击下一步，设置项目名称、路径点击完成。

这里我选择的是空白模板

页面 

pages目录主要保存小程序的页面，可以右键新建页面

 

 点击新建页面后app.json会自动添加页面

 转跳到新页面有两种方式：navigator标签（相当于a标签）；添加点击事件。

 

 点击结果

组件 

也可以新建文件夹components来存放组件(右键点击新建组件，方法同新建页面)

在需要使用组件的页面json文件中，加入usingComponents，再在axml文件中使用即可。

"usingComponents":{
    "bbb":"../../components/bbb/bbb"
  }