微信小程序开发：第一天

1.下载安装微信官方的编辑工具

微信开发工具

2.创建项目

使用自己的微信扫一扫之后，添加项目，选择无ID，点击确定，到达开发页面。

注：在创建小程序的时候，如果选择quick start,小程序会帮你创建一个微信小程序的结构，包含了微信小程序的必备的一些文件。

3.开发工具的界面认识

微信小程序的开发界面对于我们前端开发人员来说，太熟悉了，所以我在这里就不赘述了，有什么不懂得问题，自己摸索吧！谁不是这样过来的啊！ 哇哈哈啊哇哈哈，幸灾乐祸的笑！

笑完之后，还是给大家介绍一下，微信小程序的调试，好程序都是调出来的啊！

1.模拟器

模拟器可以模拟微信小程序在客户端的真实逻辑表现，对于打对手的API来说，均可以在模拟器上显示。

2.调试工具

1.console面板

身为前端会js,你说你不知道，你看你们老板打你吗？嘻嘻

2.sources面板

sources面板显示当前项目文件的脚本文件，左侧显示源文件目录结构，中间显示选中的源代码，右侧显示调试的相关按钮及变量。

3.network面板

这个你可以不知道，但是你肯定不是一个有上进心的好前端。
网络请求，观察发送的数据和返回的数据。

4.appdata面板

实时的反馈项目数据情况，显示当前小程序用到的数据。

5.strong面板

用于显示当前项目的本地存储情况。

6.Wxml面板

相当于view视图界面，可以在这里看到真实的页面结构以及结构对应的代码。

3.文件管理

创建新文件删除文件，但是比较复杂，推荐在app.js中用代码创建。

4.编辑代码

跟基本的编辑器差不多，代码提示还可以，就是界面不太好看，看惯了美工妹子的界面，乍一看这个界面，哎，伤心啊！

开发工具就给大家介绍到这里，有什么不懂得，先百度，在问人。

3.查看小程序效果

在开发工具中，在左边，可以时时查看效果。所以就不赘述了。
在手机上看效果要id，小人我没有，所以就算了，我就不写了，因为没有实践过。

好了，今天就给大家介绍到这里，如果大家有什么看不懂的地方，欢迎吐槽！

大家下载一个编辑器，点击安装，熟悉一下界面，功能就好了！