标签：psd 参考 上进 webp 微信小程序开发 bsp pid 基础上 说明
前言
微信小程序出来已经有一段时间了，已经有很多大牛都写过相关教程了，那么我为啥还要写这篇文章呢？其实仅仅是个人对微信开发的一个兴趣吧，觉得是个很有意思的事情，后面有时间可能会发更多关于小程序的文章，刚刚接触，如果哪里写的有问题欢迎大家指正。
准备工作
首先需要下载微信小程序开发者工具
点击链接：
https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1455784140&token=&lang=zh_CN进入微信公众平台技术文档界面，点击”下载地址”进入下载页面如图1，点击图1中的“下载地址”进行下载，根据自己电脑实际情况选择win64，win32或者mac版如图2
图1
图2
正文
工具下载完了之后我们就可以真正的开发唠，打开开发者工具（需要用自己微信扫描二维码），我们看到有两个选项，这里选择“本地小程序项目”如图3
图3
添加项目页面，需要一个AppID，申请AppID请参考：
https://jingyan.baidu.com/article/ed15cb1b4e9f4a1be2698149.html
如果没有则选择“无AppID”，在学习阶段没有AppID也是可以的，我这边已经申请了AppID所以我填写了，然后为填写项目名称和目录，添加即可，如图4
图4
添加完成后，我们进入到开发界面，这个时候我们看到项目已经默认生成了一些文件了，且是可以运行的完整项目结构，后续开发也就是在这个基础上进行开发如图5
如图5
默认文件说明：
.wxml:同web开发的html页面，相当于视图页面
.js(index.js,log.js):同web开发的js文件，存放js脚本，一般逻辑处理会放到这里
.wxss:同web开发中的css文件，存放小程序的各种样式，app.wxss存放公共样式
.json配置文件，app.json对微信小程序进行全局配置，包括决定页面文件的路径，窗口的展现，网络超时，多tab等，index.json，log.json分别对index和log部分进行局部配置
编译运行
我们看到页面左边的选项栏“调试”，即可以在开发者工具模拟器上调试并查看运行结果，但是模拟器可能会有误差，所以我们也可以在左边的选项栏中，选择项目，然后点预览会生产一个二维码，用管理员微信号扫一扫，就可以在自己手机上看到运行结果啦~~~
好了，第一次先介绍这么多吧，可能还有很多内容我也没有那么清楚，也没涉及到，在后续的文章中会一一涉及，也希望大家踊跃补充提意见，共同进步，这会儿太困了，洗洗睡了。
标签：psd 参考 上进 webp 微信小程序开发 bsp pid 基础上 说明
原文地址：http://www.cnblogs.com/yixuanhan/p/6913434.html
