小程序开发设计-第一个小程序:创建小程序项目④

embedded/2024/11/13 9:41:00/

上一篇文章导航:

小程序开发设计-第一个小程序:安装开发者工具③-CSDN博客icon-default.png?t=O83Ahttps://blog.csdn.net/qq_60872637/article/details/142219152?spm=1001.2014.3001.5501

须知:注:不同版本选项有所不同,并无大碍。

一、创建小程序项目整体预览:

1.点击“加号”按钮:

2.填写项目信息:

新建项目->新建文件夹将项目放入其中

导入项目:是导入现成的已经制作好的项目。

3.项目创建完成:

创建完成后的项目如下:

二、整体创建流程:

1.创建文件夹存放小程序项目代码:

在本地创建存放小程序项目代码的文件夹。

2.打开“加号”按钮创建:

3.填写项目信息:

路径:上一步创建的地址。

填写自己的AppID号:登录微信小程序管理后台微信公众平台,选择开发选项,找到自己小程序的AppID(在之后创建小程序项目时会用到)。

开发模式:小程序

后端服务:不使用云服务

选好后点击“新建”按钮。

注:不同版本选项有所不同,并无大碍。

4.预览项目效果:

-在模拟器上查看项目效果:

点击“编译”按钮后,即可在左侧的框中看到最新效果。

-在真机上预览项目效果:

在真正的手机上查看项目效果,点击“预览”按钮。

5.主界面的5个组成部分:

①菜单栏:

“帮助”->“开发者文档”:在实际开发中会遇到一些小程序对应组件的使用文档或api的使用文档。

如何快速打开api文档?

---“帮助”->“开发者文档”

“设置”->“通用设置”:对项目的外观,代理,快捷键进行设置。

工具”:常用的有“编译”,“预览”,“插件”,“构建npm”。

②工具栏:

左侧三按钮:“模拟器”,“编辑器”,“调试器”。需要隐藏“模拟器”,只需点击“模拟器”按钮即可。其他同理。

中部的四按钮:“编译”,“预览”

“编译”按钮:快速刷新模拟器里的最新效果。

“预览”按钮:在真机上查看小程序的实际效果。

右侧按钮:“详情”,“上传”

详情”按钮:查看项目的基本信息。

注:如果拿到其他人的项目,第一时间需要将其AppID修改为自己的AppID号。(具体操作:点击“详情”->“基本信息”->“AppID”进行修改)

“详情”->“本地设置”:一些候选框,项目的编译选项。

③模拟器:

左上角“机型”:建议选择iPhone6、7、8

倘若模拟器不能在一个页面内完全显示,进行“显示比例”更改,调整为85%

④代码编辑区:

选择左侧相应目录,进行相关代码的编写。

⑤调试区:

调试器里面最常使用的是:“Console”控制面板。

左上角的小箭头,如图所示:可将代码区与模拟区进行对应。

下篇文章导航:

本系列持续更新中...


http://www.ppmy.cn/embedded/112474.html

相关文章

在Flask中实现日志记录

在Flask中实现日志记录是一个关键的功能,它有助于监控应用的运行情况、调试问题以及记录重要的运行信息。以下是在Flask中实现日志记录的详细步骤和最佳实践: 一、使用Python内置的logging模块 Flask应用通常会使用Python的logging模块来进行日志记录。…

C#迭代器方法和yield用法

一.迭代器方法介绍 可使用foreach循环进行遍历的方法,称为迭代器方法。 迭代器方法使用yield return语句返回元素。 到达yield return语句时,会记住当前在代码中的位置。 下次调用迭代器函数时,将从该位置开始执行。换言之,如果…

Github 2024-09-16 开源项目周报 Top14

根据Github Trendings的统计,本周(2024-09-16统计)共有14个项目上榜。根据开发语言中项目的数量,汇总情况如下: 开发语言项目数量Python项目4TypeScript项目2Go项目2JavaScript项目2Shell项目2Rust项目2C++项目2Jupyter Notebook项目1C#项目1React: 用于构建用户界面的JavaS…

高防IP是如何防御攻击

DDoS攻击作为网络攻击中最常见的一种,一般利用大量的虚假流量向目标服务器发起攻击,进而堵塞网络损耗服务器性能,使服务器呈现崩溃状态,令真正的用户无法正常访问发送请求。以前的大型企业通常都是使用高防服务器来抵抗这类攻击&a…

C++战列舰小游戏Lv. 1.4版本(半成品)

相比较 1.2 ,增加了升级模块 C战列舰小游戏Lv. 1.2版本(半成品)-CSDN博客 相比较1.3,有了大规模完善和模块增加 C战列舰小游戏Lv. 1.3版本(半成品)-CSDN博客 这是一组初始数据: a[1].gas1000; a[1].attack0; a[1].att_10; a[1].att_20;…

STP 笔记

一、STP:Spanning Tree Protocol STP:802.1d RSTP:802.1w MSTP:802.1s 二、华为 vs 思科: 华为(公有) 思科 ---------------------------------------------------…

python的文件的自动化处理

常见的文件自动化处理 输出当前路径下的所所有文件及文件夹快捷查看某路径喜爱所有文件查询文件具体的详细信息文件批量重命名快速去重文本重复 1、解释说明 输出当前路径下的所有文件及文件夹:使用os模块的listdir()函数,可以列出指定目录下的所有文…

python多线程程序设计 之一

python多线程程序设计 之一 全局解释器锁线程APIsthreading.active_count()threading.current_thread()threading.excepthook(args, /)threading.get_native_id()threading.main_thread()threading.stack_size([size]) 线程对象成员函数构造器start/runjoin 线程子类 实列代码 …