新建项目
1、右上角“项目”→“新建项目”，或者（Ctrl+Shift+N）。
（图1-1）
2、点击“+”打开创建小程序设置，分别设置用户名、路径、AppID、开发模式。
（图1-2）
3、在右侧选择“详情”→“本地设置”→“不校验合法域名、web、view(业务域名)、TLS版本以及HTTPS证书“。
（图1-3）
认识文件
1、
（1）如 图1-4 pages文件夹下存放的是页面文件、app开头的文件是全局文件、js即javascript文件、json类似于xml、wxml类似html、wxss同css且完全可以称呼为css
（2）如 图1-5 当在app.json文件中的的pages下定义”pages/me/me“按“Ctrl+S“保存后，在资源管理器中的pages文件夹下会自动生成一个名为me的文件夹，并且内部会生成me开头的四个文件
（图1-4）
（图1-5）
认识常用组件
1、组件完全可以把它当作web中的标签，下面简单罗列一些经常会用到的组件，详细使用方法可以参考微信官方文档，建议整体过一遍文档中的组件部分，不需要完全记住，但最好都看一遍
（1）view组件 图1-6
盒子模型组件，使用方法和效果同html中的div标签
（图 1-6）
（2）text组件
文本组件，类似html中的p标签
（3）image 组件
图像组件，类似html中img标签
（4）rich-text组件
富文本组件，它可以在一定程度上解析html的代码，和效果。
（5）表单组件
使用方法基本和html相同
①form
表单
②input
输入框
③button
按钮
④textarea
多行输入框
⑤switch
开关
⑥radio
单选按钮
⑦checkbox
多选按钮
注：单选按钮大多数需要配合radio-group使用，多选按钮大多数需要配合checkbox-group使用
⑧picker
滚动选择器，常用于选择时间和位置。
