(1)下载新微信开发者工具，打开后你会看到该界面：

文章插图
(2)点击「新建 web 」项目，随后出现如下画面：

文章插图
(3) 该页面内的各项内容需要注意——
AppID：依照官方解释来填 。
Appname: 项目最外层文件夹名称，如你将其命名为“ABC”，则之后的全部项目内容均将保存在“/ABC/…”目录下 。
本地开发目录：项目存放在本地的目录 。
注：再次强调，如果你和团队成员共同开发该项目，则建议你们使用同样的目录名称及本地目录，以确保协同开发的统一性 。如果你之前已有项目，则导入过程与以上内容近似，不再赘述 。
(4) 准备工作全部完成后，点击“新建项目”按钮，弹出框点“确定” 。

文章插图
(5)如上图所示，此刻，微信开发者工具已经为你自动构建了一个初始的 demo 项目，该项目内包含了一个微信应用项目所需具备的基本内容和框架结构 。点击项目名称(图中即“cards”)进入该项目，就能看到整个项目的基本架构了：

文章插图
2.项目构架
微信目前用户群体非常庞大，微信推出公众号以后，火爆程度大家都看得到，也同样推动着 H5 的高速发展，随着公众号业务的需求越来越复杂，应用号现在的到来也是恰到好处 。
在具体看了一两次文档后就可发现，它提供给开发者的方式也在发生全面的改变，从操作 DOM 转为操作数据，基于微信提供的一个过桥工具实现很多 h5 在公众号很难实现的功能，有点类似于 hybrid 开发 。
不同于 hybrid 开发的方式是：微信开放的接口更为严谨，结构必须采用他提供给我们的组件，外部的框架和插件都不能在这里使用上，让开发者完全脱离操作 DOM，开发思想转变很大 。
工欲善其事，必先利其器 。理解它的核心功能非常重要，先了解它的整个运作流程 。
生命周期：
在index.js里面：

文章插图
开发者工具上 Console 可以看到：

文章插图
在首页 console 可以看出顺序是 App Launch－－>App Show－－>onload－－>onShow－－>onReady 。
首先是整个 app 的启动与显示，app 的启动在 app.js 里面可以配置，其次再进入到各个页面的加载显示等等 。
可以想象到这里可以处理很多东西了，如加载框之类的都可以实现等等 。
路由：
路由在项目开发中一直是个核心点，在这里其实微信对路由的介绍很少，可见微信在路由方面经过很好的封装，也提供三个跳转方法 。
wx.navigateTo(OBJECT)：保留当前页面，跳转到应用内的某个页面，使用wx.navigateBack可以返回到原页面 。
wx.redirectTo(OBJECT)：关闭当前页面，跳转到应用内的某个页面 。
wx.navigateBack()：关闭当前页面，回退前一页面 。
这三个基本上使用足够，在路由方面微信封装的很好，开发者根本不用去配置路由，往往很多框架在路由方面配置很繁琐 。
组件：
此次微信在组件提供方面也是非常全面，基本上满足项目需求，故而开发速度非常快，开发前可以认真浏览几次，开发效率会很好 。
其它：
任何外部框架以及插件基本上无法使用，就算原生的 js 插件也很难使用，因为以前我们的 js 插件也基本上全部是一操作 dom 的形式存在，而微信应用号此次的架构是不允许操作任何 dom，就连以前我们习惯使用的动态设置的rem.js也是不支持的 。

• 《欢乐颂》里曲筱绡是如何看出樊小妹是“捞女”的？
• 十大评分9.5以上的玄幻小说 十大巅峰玄幻小说排行榜
• 《王者荣耀》四周年皮肤返场活动预热,10款皮肤进入投票池,小厨娘已经内定,你怎么看？
• 王者荣耀玩家分析周年庆皮肤返场！凤求凰必返,至尊宝可能性太小,你怎么看？
• 微信储值会员卡怎么申请 微信会员卡可以充值吗
• 王者荣耀周年庆返场时间确定,32款皮肤参与投票,小学生必投猴子至尊宝,你怎么看？
• 不要小米和华为,现在该选哪个品牌的手机好呢？
• 如何强开微信微粒贷？微信微粒贷介绍！
• 做自媒体,当要用插图或给小视频配乐,去那里找素材。不造成倾权？
• 如何用小投资赚更多的钱？