一、微信小程序简介
1、微信小程序,小程序的一种,英文名Wechat Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用触手可及"的梦想,用户扫一扫或搜一下即可打开应用。
2、微信小程序,之前叫应用号,2017年正式上线
3、学习微信小程序之前,强烈建议先学习vue.js,学了之后再学超级快
4、微信小程序优点:
微信有海量用户,且粘性很高,在微信里开发产品更容易触达用户
推广app或公众号的成本太高
开发适配成本低
容易小规模试错,然后快速迭代
跨平台
二、微信小程序环境准备
2.1 申请帐号
进入小程序注册页根据指引填写信息和提交相应的资料,就可以拥有自己的小程序帐号
你也可以管理你的小程序的权限,查看数据报表,发布小程序等操作。通过登录小程序后台,可以在菜单 “开发”-“开发设置” 看到小程序的 AppID 了 (记得保密)
2.2 安装开发工具
前往 小程序开发工具下载页面 ,根据自己的操作系统下载对应的安装包进行安装
2.3 编译预览
这里推荐用vs code编辑,小程序开发工具预览
vscode 小程序开发插件
(一)minapp。支持微信小程序标签、属性的智能补全,并且提示中包含文档内容(同时支持原生小程序、mpvue 和 wepy 框架,并提供 snippets)。
(二)wechat-snippet。这个插件主要的功能就是代码辅助,代码片段自动完成,可以作为上个插件的补充。
(三)wxml。这款插件用于将wxml代码进行高亮显示,并且提供代码格式化的功能,可将代码格式化为较易阅读的样式。
(四)vscode weapp api 。js中的api提示
三、小程序代码构成
通过开发者工具快速创建了一个 QuickStart 项目,里面有以下不同类型文件:
.json 后缀的 JSON 配置文件
.wxml 后缀的 WXML 模板文件
.wxss 后缀的 WXSS 样式文件
.js 后缀的 JS 脚本逻辑文件