上周末真正写下第一行代码后，我才发现这是一个不容易的活。

写代码倒还好，但是要在如此简短的篇幅中让您有所收获真的让我伤透了脑筋。

对于大部分读者来说，或多或少都有一些知识盲区的。而逐行讲解代码目前看来在还不太可行，把握这个度成了最重要的问题。

我写的东西不可能面面俱到，遇到问题希望各位能够及时提出来。

嘴勤能问出金马驹，请教问题这事不丢人。

以我个人的经验与我现在所处的层次，我在开发中所遇到的大多数问题已经有无数前辈踩过这些坑，或者百度或git，大多数情况下你都可以解决你的问题。

同时您在此过程中遇到问题，您可以在评论区留言或者通过微信私信的方式通知我。

多学、多问、多写、多思考。学习这东西它是没有捷径的，

对比学习和玩游戏这两样东西（虽然并没有可比性），游戏属于外部刺激这个层面，它具有实时的反馈的能力（击杀一个目标或者打出一发子弹），刺激我们大脑的神经区域兴奋激素的产生。

学习乍一看好像就逊色不少不包含实时性，对于大脑的刺激感不如游戏那么强烈，并且需要长时间去检验。所以自发学习对于绝大多数人来说都不是一个简单的事情。

上篇文章中提到，以绝大多数人的努力程度之低，根本达不到拼天赋的地步。所以，你行动起来就已经领先你身边的大多数了。

不扯皮了，正式开始我们的项目。

做微信小程序的第一步就是申请一个小程序的账号，没有小程序经验的同学如果在申请过程中遇到问题可以在评论区留言或者微信私信我。

使用微信开发者工具（让人蛋疼的官方软件）创建我们的小程序项目，登录微信小程序账号可以得到我们的AppId。

登录小程序开发工具需要使用我们的微信号。如果有的同学在创建小程序账号的时候，没有使用登录开发者工具的微信号，那就需要绑定这个微信号为开发者，不然无法正常使用。

通过微信开发者工具创建的微信小程序项目目录结构：

经过时间的检验，我发现微信开发者工具用起来比较蛮蛋疼的。所以我只用它的预览与调试功能，具体的代码编写还是用我们上篇文章中介绍到的vscode。

本次开发我们会使用有赞的小程序组件库，（网址：https://youzan.github.io/vant-weapp/#/intro）。

对于没有使用过这个组件库的同学们来说，安装是一个比较蛋疼的事情。

这是vant官方的教程里写的东西，按照这个步骤你会卡在第二步死活构建不了npm包。使用微信开发者工具创建的小程序项目默认是没有pachage.json文件的。

在cmd中进入我们的项目目录，执行npm init的指令（如果未安装npm请先安装npm）。

执行指令会在目录文件下生成一个package.json文件，当我们刷新看到这个文件生成之后，就可以按照教程一步步进行下去。

vant组件库安装成功之后的目录结构：

到这一步之后，所有的准备工作都已经准备完成。

我是姚大炮，90后程序员，希望能够永远年轻永远热泪盈眶。晓看天色暮看云，行也思汝，坐亦思汝。关注小姚，和你一起看云海翻涌江潮澎湃。