撸起袖子就是干！把开发环境和文件结构讲明白再说！

小程序完整的技术链条（我不喜欢技术栈这么装逼的词儿），是从设计到开发，到运营。有人可能会说咦，为啥没有需求分析，部分啊，你这个技术栈不完整啊，我只想说去你妹的，滚，我是程序员，我要搞技术，不是搞你妹的需求分析。

所以这篇文章我们直接上干货写例子。

一、关于设计

​ 规范地址：https://mp.weixin.qq.com/debug/wxadoc/design/index.html

​ 为啥我说设计，因为小程序设计规范很像android设计规范，简单的说各个组件和图标尺寸人家都说很清楚了，你可以很丑，必须尺寸规范。说白了就是你长得丑你身材可以很棒啊。所以可以说没设计程序员也可以玩程序了。

二、开发

​ 看了那个api我只想说，会的人依然会，不会的人依然不会，跟我一起干吧。大家别把小程序想的太高大上你可以把它看成一个jquery库，按照人家的规则写语法就行了。不过话说回来它更像react和vue之类的玩意。

​ 1.开发工具

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

​ 2.登录后台，添加开发者和体验者。

开发者.png

注意，管理员是全部权限，开发者和体验者加进去就可以团队开发协作了。

打开微信编辑器，创建项目如图，

创建项目.png

注意appid在用户身份，开发设置里面有，然后重点说下文件项目目录不墨迹，直接上图。

文件结构.png

大家先随便把开发环境搭建起来，至于里面的代码，都是api没啥难的，借鉴了angular react，又有点像vue,随便写了个iphone计算器，下节课就重点教大家写这个吧。

下次讲这个.png