【酷Mu】uni-app入门系列教程三 第一个页面

「这是我参与11月更文挑战的第15天，活动详情查看：2021最后一次更文挑战」

课程背景

• 因为前面出了一套Laravel8的快速入门课 纯写的接口 一个页面没写
• 因为我的主页里面写的是php全栈工程师 有人会认为我在吹牛
• 作为努力奔跑的程序员 菜菜的我想证明一下自己(有多菜)
• 因为掘金粑粑有奖励，所以把项目开发学习的过程整理记录一下。 前端技术风起云涌，各种技术层出不穷，这就增加了前端的开发难度跟学习成本。看到boss上前端岗位需求还挺大，好多岗位要求会uniapp。刚好，我会那么一点点uniapp。所以就有了此套教程。

正文开始

1 启动项目 提示这个信息，是因为缺失Appid 需要在文件中重新获取一下即可

点击重新获取一下

2 在全局配置文件 pages.json中 配置全局的配置

{
	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
		{
			"path": "pages/index/index"
		}
	],
	"globalStyle": {
		"navigationBarTextStyle": "black",
		"navigationBarTitleText": "酷Mu",
		"navigationBarBackgroundColor": "#ffffff",
		"backgroundColor": "#ffffff"
	}
}

3 编写布局文件

<template>
	<view class="in-cont">
		<view class="in-head">
			
		</view>
	</view>
</template>
<style>
.in-cont{
	
}
.in-head{
	height:100rpx;
	width: 96%;
	border-top:1px solid #F5F5F5;
	border-bottom: 1px solid #F5F5F5;
}
</style>

4 下面我们来编写时间组件 5 根目录下创建 components目录，并在components目录上右击，新建组件 创建同名目录填写组件名称。

6 在index文件中引入当前组件，然后我们就可以进行第一个时间小插件的编写了