【微信小程序】（一）开发工具下载与界面介绍

本系列文章主要介绍微信小程序基本的开发流程与基础内容

文章目录

前言

一、安装微信开发者工具

二、开发者工具基本介绍

1.创建项目

2.界面展示

3.目录结构介绍

---

前言

微信小程序作为一种开发成本低，开发门槛低，周期更短等优势，依托微信生态圈，拥有庞大自然流量，其主要开发语言为JavaScript,有多个流量入口，接下来将逐步介绍开发微信小程序的基础，https配置、上线，PHP写api接口，ES6语法等基础内容。

一、安装微信开发者工具

开发工具下载网址：稳定版 Stable Build | 微信开放文档 (qq.com)

根据自己电脑的配置下载适合的开发工具，这里以稳定版 Windows64为开发工具进行开发

二、开发者工具基本介绍

1.创建项目

学习阶段，先使用测试号（不使用云开发）进行学习，语言选择JavaScript

注意点：

①目录可以自由选择，一个项目只能放在一个文件夹里

②如果不使用测试号，可在微信公众号后台的小程序里，进入开发栏目，点击开发设置，可查看AppID号

2.界面展示

---

 ①外观设定

 ②代码区

 ③调试区

④文件夹 

 ⑤模拟器界面

3.目录结构介绍

pages：页面

utils（非必要文件夹）：公共文件  e.g utils.js------时间戳的修改

app.js：入口文件（js---逻辑层文件）

app.json：配置文件 （小程序的全局设置）  比如页面路径，界面表现，网络超时时间，底部tab等

app.wxss：样式文件（区分css）

project.config.json：项目配置文件（个性化配置）  比如界面颜色，编译配置等

sitemap.json：索引文件​​​​​​​

​​​​​​​