微信小程序入门篇（第1章）

一、准备篇
1.在微信公众平台注册微信开发者账号，单击“立即注册”，在“注册”页面选择“小程序”，在“小程序注册”页面根据提示填写相关信息完成注册。

2、然后填写相关信息提示完成注册步骤

3、注册完成后，登录首页的二维码，就可以得到一个自己的小程序账号了
4、登录成功后，找到自己微信小程序id账号

二、工具篇
1、在刚才的微信小程序界面寻找开发者工具进去选择window64版本的

2、安装




3、打开微信小程序，扫描二维码会显示自己的微信账号，之后就是测试号了。
三、创建项目hello world
1、双击打开桌面的微信开发者工具，新建一个文件夹用于存放小程序文件
2、新建第一个项目，用测试号登录把目录更改为刚刚存放小程序文件的目录

3、创建完成之后，进入到项目页面

模拟器区域用来显示小程序界面。在小程序开发过程中，小程序界面随着代码编写可以实时变化，方便小程序的开发和调试。
编辑器区域分为两部分：一部分用来展示项目文件目录和文件结构，另一部分用来进行代码编辑。

4、常用快捷键：
① 格式调整快捷键
Ctrl+S：保存文件。
Ctrl+[，Ctrl+]：代码行往左、往右缩进。
Ctrl+Shift+[，Ctrl+Shift+]：折叠、打开代码块。
Ctrl+C，Ctrl+V：复制、粘贴。如果没有选中任何文
字，则复制、粘贴一行。
Shift+Alt+F：代码格式化。
Alt+Up，Alt+Down：向上或向下移动一行。
Shift+Alt+Up，Shift+Alt+Down：向上或向下复
制一行。
Ctrl+Shift+Enter：在当前行上方插入一行。
Ctrl+Shift+F：全局搜索。
Ctrl+B：可以编译当前代码，并自动刷新模拟器。
② 光标相关快捷键
l+End：移动到文件结尾。
Ctrl+Home：移动到文件开头。
Ctrl+I：选中当前行。
Shift+End：选择从光标到行尾。
Shift+Home：选择从行首到光标处。
Ctrl+Shift+L：选中所有匹配。
Ctrl+D：选中匹配。
Ctrl+U：光标回退。
③界面相关快捷键
Ctrl+\：隐藏侧边栏。
Ctrl+m：打开或者隐藏模拟器。
5、hello world的创建
在创建项目之后，开发工具会添加默认的目录和页面。在默认的页面上，可以看到有“Hello
World”文字可以更改为其他文字，进行编译
①在pages/index/index.ts文件里，Page的data里提供了数据源motto，data的数据可以动态地绑定到WXML页面中。

②在pages/index/index.wxml文件里，通过双大括号（{{}}）的方式，将motto绑定到页面里motto对应的值就可以在页面里显示出来。

③在pages/index/index.wxss文件里，通过class的方式给Hello World添加样式

这些是小程序入门第一章教程，接下来我会将更多基础内容通过日更形式发布，可点击我的头像去个人中心查看，后续会持续更新~

希望和各位大佬们互相学习，也请大家多多支持呢给个小心心~