微信小程序创建项目

新建项目

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

滚动选择器，常用于选择时间和位置。