小程序开发快速上手快速入门篇 _快速上手

提兵百万西湖上，立马吴山第一峰！这篇文章主要讲述小程序开发快速上手快速入门篇相关的知识，希望能为你提供帮助。
一，前言为了最近的作业忙了许久，今天终于把最近的大作业都搞定了，抽空来学习一下，微信小程序的开发。
从今天开始，记录一下，微信小程序从0到1的开发过程。
二，准备目标是微信小程序，我们先来到官网，点击下图，查看微信小程序的开发文档。

文章图片

点击工具—》下载—》下载稳定版本即可，注意下载对应系统的即可。

文章图片

安装完成，登录账号，如下图：

文章图片

pages：页面，用来存放页面的。
下有二级目录—index首页文件夹，存放首页样式。
logs存放日志文件夹。
utils：工具，自定义的工具集合。如下：

const formatTime = date => const year = date.getFullYear() const month = date.getMonth() + 1 const day = date.getDate() const hour = date.getHours() const minute = date.getMinutes() const second = date.getSeconds() return `$[year, month, day].map(formatNumber).join(/) $[hour, minute, second].map(formatNumber).join(:)`

提供了一个时间格式化的函数，可以放第三方的工具。
app.js：小程序的入口文件。可以做一些初始化的操作。
app.json：全局配置文件。配置窗口的表现等等。
app.wxss：小程序样式文件。语法基本相同。
project.config.json：项目配置文件，项目名称，ipad等等。
sitemap.json：配置哪些可以被微信的搜索引擎收录，收录的规则等等。
四，index文件夹详解index.js：页面的交互逻辑和数据。
index.json：全局的，页面相关的配置
index.wxml：组件代码的地方。
index.wxss：页面相关的样式文件。只能被该页面的样式使用。
五，项目初始化微信小程序在创建的时候会自动的创建一个demo。我们先把它删除干净。
1，删掉app.js里的文件。然后自己创建一个APP。