手把手教你写小程序--入门篇1

Hi，大家好，还记得去年我们推送的两篇关于如何写小程序的文章吗？不记得也没关系，文章结尾我们会附上前两期的链接，方便大家复习和开展后面的学习。

从本期开始，我们进入正式写小程序篇。

• Step 1：打开已经安装好的微信web开发者工具，进入如下图所示界面

• Step 2：选择你准备存储的项目目录，比方说，你可以在某个硬盘创建一个叫做小程序的文件夹，填写按照前两篇文章已经申请注册过 的AppID。如果之前没有注册过也没关系，点击上图中“体验：小程序/小游戏“就可以了，然后为你的项目起一个名字，如下图所示，点击”确定“按钮。

• Step 3：接着我们会进入如下图所示界面，然后点击菜单栏中”界面“按钮，在”工具栏“前打勾，调出工具栏

• Step 4：调出工具栏后，会看到模拟器、编辑器和调试器三个按钮，然后点击”编辑器“，如下图箭头所示

• Step 5：在右侧的目录文件里，找到pages>>index，点击index.wxml

• Step 6：然后会看到最右侧有很多示例代码，把右侧的所有代码选中全部删掉，下面我们就要自己开始编代码了

在这里，首先说一下小程序的一个基础概念，小程序界面上其实都是一个一个的小view，这些view可以理解为一个一个的方块，大方块包小方块，最终形成一个完整的小程序。

接下来我们写第一个view：

一个view就是这样被包裹起来，从开始，代表着结束，结合中间的内容，构成一个完整的view

比方说，中间内容写：This is my first view！

在右侧的编辑器中输入，然后按control+s键保存，左侧就会显示出你输进去的内容，这样，你的第一个view就写完了

另外，需要说一下，一般的代码编辑器都很贴心的提供了”代码补全“功能，所以你不需要完整地输入view，输入vie时，就会提示你是不是view，这时，你敲击tab键，编辑器就自动写好了，这点与输入法有点类似。

另外，还需要注意的是，在编辑view时，输入法切换至英文模式，不然可能会报错哟！

今天的学习就到这里了，小编带领大家学习了写小程序的第一课，写出了人生中第一个view，如果有什么问题可以留言，大家共同探讨进步，后面还有很多精彩课程期待着与大家一起学习分享啦。