找回密码
 立即注册

微信小程序学习笔记(一)-- 了解微信小程序

匿名  发表于 2022-1-2 14:34:42 阅读模式 打印 上一主题 下一主题
一、什么是小法式(领会)

小法式是一种不需要下载安装即可利用的利用,它实现了利用“触手可及”的胡想,用户扫一扫大概搜一下即可翻开利用。也表现了“用完即走”的理念,用户不用关心能否安装太多利用的题目。利用将无处不在,随时可用,但又无需安装卸载。
二、小法式的品种(领会)

微信小法式付出宝小法式头条小法式百度小法式、QQ小法式
三、小法式的成长史(领会)


微信小法式进修笔记(一)-- 领会微信小法式-1.jpg
四、小法式的上风(领会)

对于开辟者而言,小法式开辟门坎相对较低,难度不及APP,可以满足简单的根本利用,合适生活办事类线下商铺以及非刚需低频利用的转换。 对于用户来说,可以节俭利用时候本钱和手机内存空间;对于开辟者来说也能节俭开辟和推行本钱。
五、小法式展现(熟悉)

微信小法式 - 微信首页下拉

微信小法式进修笔记(一)-- 领会微信小法式-2.jpg

付出宝小法式 - 朋友 - 小法式

微信小法式进修笔记(一)-- 领会微信小法式-3.jpg

QQ小法式 - QQ首页下拉

微信小法式进修笔记(一)-- 领会微信小法式-4.jpg

头条小法式 - 本日头条搜索 - 小法式进口 点击左上角图标

微信小法式进修笔记(一)-- 领会微信小法式-5.jpg

百度小法式 - 百度APP下拉

微信小法式进修笔记(一)-- 领会微信小法式-6.jpg

六、微信小法式先容(领会)

微信小法式供给了一个简单、高效的利用开辟框架和丰富的组件及API,帮助开辟者在微信中开辟具有原生 APP 体验的办事。
七、预备工作(把握)

1、申请账号

进入小法式注册页 按照指引填写信息和提交响应的材料,申请自己的微信小法式帐号

微信小法式进修笔记(一)-- 领会微信小法式-7.jpg
登陆小法式背景,在“设备” - “开辟设备”中检察自己的APPID

微信小法式进修笔记(一)-- 领会微信小法式-8.jpg

小法式的 AppID 相当于小法式平台的一个身份证,后续你会在很多地方要用到 AppID
2、安装开辟者工具

开辟者工具下载页面 下载微信开辟者工具
按照自己的硬件情况挑选稳定版本下载即可
八、体验小法式

翻开开辟者工具,利用自己的微信扫码登录即可

微信小法式进修笔记(一)-- 领会微信小法式-9.png

微信小法式进修笔记(一)-- 领会微信小法式-10.jpg

开辟者工具登录以后可以看到有两个大的分类,别离是【小法式项目】和【公众号项目】
【小法式项目】包括“小法式”、“小游戏”、“代码片断”,首要用来开辟、调试、公布微信小法式以及微信小游戏;
【公众号项目】首要用来开辟和调试微信公众号、定阅号以及办事号等的网页利用。我在这里首要带大师进修的是【小法式项目】中的小法式。
点击“+”号

微信小法式进修笔记(一)-- 领会微信小法式-11.jpg

页面中我们需要增加的选项有【项目称号】、【目录】、【AppID】、【开辟形式】、【后端办事】、【说话】,
重中之重的是AppID这个选项,在第七步中我们已经晓得若何获得自己的AppID,只需要正确填入即可。
【项目称号】填写为lesson_01
【目录】即为自己的项目地址
【AppID】正确填写即可
【开辟形式】挑选“小法式”即可
【后端办事】挑选“不利用云办事”
【说话】挑选“javascript”。
点击【新建】,将成功建立一个微信官方所供给的示例项目
点击工具上的编译按钮,可以在工具的左侧模拟器界面看到这个小法式的表示,也可以点击预览按钮,经过微信的扫一扫在手机上体验你的第一个小法式。

微信小法式进修笔记(一)-- 领会微信小法式-12.jpg

九、开辟者工具界面功用先容(把握)

建立项目成功后,在主界面顶部有13个选项卡,别离为【模拟器】、【编辑器】、【调试器】、【云开辟】、【小法式形式】、【编译】、【真机调试】、【切背景】、【清缓存】、【上传】、【版本治理】、【社区】、【详情】。
1、 模拟器选项卡

点击【模拟器】选项卡,可以翻开和封闭模拟器,在模拟器的顶部有一个状态栏

微信小法式进修笔记(一)-- 领会微信小法式-13.jpg

“iPhone5”这一栏可以让开辟者挑选模拟器的机型,可以测试代码在各机型上的运转情况;“100%”这一栏可以调剂模拟器的巨细,让开辟者可以清楚的看到结果的全貌;“WiFi”这一栏可以让我们挑选分歧的收集情况测试代码;“模拟操纵”这一栏默以为Home选项和返回选项;再往右为模拟器的声音的开关;中心的点击可以把模拟器零丁作为一个页面显现;最右侧的点击可以调剂模拟器的位置,默许在左,点击可以调剂到右侧,
2、编辑器选项卡

点击【编辑器】选项卡,可以翻开和封闭编辑器

微信小法式进修笔记(一)-- 领会微信小法式-14.jpg

3、调试器选项卡

点击【调试器】选项卡,可以翻开和封闭调试器

微信小法式进修笔记(一)-- 领会微信小法式-15.jpg

4、云开辟选项卡

点击【云开辟】选项卡,可以开通是“小法式·云开辟”
云开辟为开辟者供给完整的原生云端支持和微信办事支持,弱化后端和运维概念,无需搭建办事器,利用平台供给的 API 停止焦点营业开辟,即可实现快速上线和迭代,同时这一才能,同开辟者已经利用的云办事相互兼容,并不互斥。
5、小法式形式选项卡

点击【小法式】选项卡,可以挑选插件形式
6、编译选项卡

点击【编译】选项卡,指定编辑哪一个页面,小法式默许编辑的是app.json文件中“pages”选项中的第一个页面,利用该功用可以进步开辟的效力。
点击【预览】可以利用手机微信扫码停止真机预览结果。
7、真机调试选项卡

点击【真机调试】选项卡,可以在手机上微信扫码间接检察结果
8、切背景选项卡

点击【切背景】选项卡,可以在模拟器中模拟利用的前背景切换操纵。
9、清缓存选项卡

点击【清缓存】选项卡,会出现【断根数据缓存】、【断根文件缓存】、【断根授权数据】、【断根收集缓存】、【断根登录状态】、【全数断根】几个选项
10、上传选项卡

点击【上传】选项卡,会把当前代码上传到微信办事器,而且自动编译,在微信小法式的背景天生一个体验的二维码,开辟者可以测试代码。
11、版本治理选项卡

点击【版本治理】选项卡,可以利用微信供给的Git工具治理项目中的代码。
12、社区选项卡

点击【社区】选项卡,可以利用默许阅读器翻开“微信开放社区”。
13、详情选项卡

点击【详情】选项卡

微信小法式进修笔记(一)-- 领会微信小法式-16.jpg

【详情】选项卡首要有3个大的功用:项目标设备、域名的信息、腾讯云状态,在后续课程中会有先容
10、微信开辟者工具常用快速键(熟悉)

俗语说的好,工欲善其事必先利其器,我給大师带来了福利,微信小法式开辟者工具的快速键,具体以下:
1、界面开关

Ctrl + shift + T: 工具栏
Ctrl + shift + D: 模拟器
Ctrl + shift + E: 编辑器
Ctrl + shift + T: 目录树
Ctrl + shift + I: 调试器
2、工具

Ctrl +B: 编译
Ctrl +R: 革新
Ctrl + shift + P: 预览(自动预览)
Ctrl + shift + U: 上传
3、编辑

Ctrl + shift + F: 格式化代码
Ctrl + P: 跳转文件
Ctrl + E: 比来文件
Ctrl + [: 代码行向左缩进
Ctrl + ]: 代码行向右缩进
Ctrl +shift + [: 折叠代码块
Ctrl + shift + ]: 翻开代码块
Alt + Up: 上移动一行
Alt + Down: 下移动一行
Shift + Alt + Up: 向上复制一行
Shift + Alt + Down:向下复制一行
Ctrl + shift + enter: 在当前行上方插入一行
Ctrl + shift + F: 全局搜索
4、光标相关

Ctrl + End:移动到文件结尾
Ctrl + Home:移动到文件开首
Ctrl + I:选中当前行
Shift + End: 挑选从光标处到行尾
Shift + Home: 挑选从行首到光标处
Ctrl + shift + L: 选中一切婚配
Ctrl +D: 选中比来的婚配
Ctrl + U: 光标回退
回复

使用道具

大神点评

匿名  发表于 2022-1-2 14:35:05
什么时辰起头讲实战项目呢,我天天看你们的大前端进修笔记,希望讲完某个常识点以后讲一些实战项目
回复

使用道具

说点什么

您需要登录后才可以回帖 登录 | 立即注册
HOT • 推荐

神回复

站长姓名:王殿武 杭州共生网络科技 创始人 云裂变新零售系统 创始人 飞商人脉对接平台 创始人 同城交友聚会平台 创始人 生活经验分享社区 创始人 合作微信:15924191378(注明来意)