微信小程序开发之入门篇（熟悉开发工具）

我的的每一篇博文都谈不上有什么技术含量，只是为了帮助不熟悉微信小程序开发的本身及他人提供一下思路。谢谢，下面开始！

PS： 由于本人没有小程序的内测资格，因此全部的开发及Demo都是无AppId的，若是哪位同窗能够分享AppId，那感激涕零！

第一步  (下载开发工具)

https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=1476197489869

 在这里请注意，下载下来这个程序和之前的“微信web开发者工具”是同名同目录的，也就是说，若是你正在使用之前的“微信web开发者工具”的话你就须要将该程序的安装目录修改为别的名字，以避免覆盖

 

第二步（建立第一个程序）

 

打开刚才安装的开发工具，而后按照下图流程操做

填写项目名称及选择项目目录后点击添加项目便可

 

 第三步（认识开发工具布局）

整个开发工具基本分为三块。

第一列：table-item 每一个按钮表明一个页

第二列：webview  你的页面在这里实时展现

第三列：chrome调试工具，暂且这样叫吧，由于确实是使用了charome的调试工具， 在这里能够调试页面的样式,js，网络检测，输入输出等等。

 

具体更多的详细内容就须要你们本身去了解了