微信小程序--》小程序简介与工具安装配置

这篇具有很好参考价值的文章主要介绍了微信小程序--》小程序简介与工具安装配置。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

🏍️作者简介:大家好,我是亦世凡华、渴望知识储备自己的一名在校大学生

🛵个人主页:亦世凡华、

🛺系列专栏:微信小程序

🚲座右铭:人生亦可燃烧,亦可腐败,我愿燃烧,耗尽所有光芒。

👀引言

    ⚓经过web前端开发的学习,相信大家对于前端开发有了一定深入的了解,今天我开设了微信小程序专栏,主要想从移动端开发方向进一步发展,而对于我来说写移动端博文的第一站就是小程序开发,希望看到我文章的朋友能对你有所帮助。

目录

🔥小程序简介

🏍️什么是小程序?

🛵小程序于与普通网页开发区别

🐒1、运行环境不同

🐶2、API不同

🐕3、开发模式不同

🛺小程序官方组件展示

🔥首次创建小程序的流程

🏍️注册小程序开发账号

🛵安装开发者工具

🐒下载

🐶安装

🐕扫描登录

🐩配置开发者工具

🛺创建小程序


🔥小程序简介

在写小程序之前我们应该了解以下内容,知道自己开发的是什么,又如何开发。

🏍️什么是小程序?

小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但又无需安装卸载。

🛵小程序于与普通网页开发区别

🐒1、运行环境不同

网页运行在浏览器环境中小程序运行在微信环境中

🐶2、API不同

由于运行环境的不同,所以小程序中,无法调用DOM和BOM的API。但是小程序中可以调用微信环境提供的各种API,例如:

🏃地理位置        🏃扫码        🏃支付

🐕3、开发模式不同

网页的开发模式:浏览器 + 代码编辑器

小程序有自己的一套标准开发模式:

🍁申请小程序开发账号        🍂安装小程序开发者工具        🍃创建和配置小程序项目

🛺小程序官方组件展示

日常开发中我们可以会遇到一些不熟悉的标签组件,我们可以通过查看微信官方文档,点击体验小程序扫码即可查看里面相关功能的介绍,也能去体验一下小程序给我们提供的哪些能力。

微信小程序--》小程序简介与工具安装配置

🔥首次创建小程序的流程

如果你是第一次开始创建小程序,那么请遵循以下几个步骤一步一步开始。

🏍️注册小程序开发账号

使用浏览器打开 https://mp.weixin.qq.com/ 网址,点击右上角的“立即注册”即可进入到小程序开发账号的注册流程,其过程如下:

首先登录网站,点击立即注册

微信小程序--》小程序简介与工具安装配置

跳转页面后选择小程序

微信小程序--》小程序简介与工具安装配置

进入小程序之后,对个人信息账号密码进行一个填写

微信小程序--》小程序简介与工具安装配置

填写之后在填写的邮箱中确认注册信息,注意,作为学习者我们必须选择主题类型为个人。

微信小程序--》小程序简介与工具安装配置

填写之后我们就可以进入到微信小程序的管理后台

微信小程序--》小程序简介与工具安装配置

获取小程序的AppID(创建小程序项目的时候会用到)。

微信小程序--》小程序简介与工具安装配置

🛵安装开发者工具

微信开发者工具是官方推荐使用的小程序开发工具,它提供的主要功能如下:

🍇快速创建小程序项目

🍈代码的查看和编辑

🍉对小程序功能进行调试

🍊小程序的预览和发布

🐒下载

推荐下载和安装最新的稳定版的微信开发者工具,下载链接如下:(根据自己的电脑配置选择相应的版本)

https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html

微信小程序--》小程序简介与工具安装配置

🐶安装

傻瓜式安装就行,建议不装C盘,我C盘不大

微信小程序--》小程序简介与工具安装配置

🐕扫描登录

安装完成,打开之后会出现一个二维码,用自己注册管理的微信扫码登录即可进行创建小程序。

微信小程序--》小程序简介与工具安装配置

🐩配置开发者工具

安装完成之后我们根据自己的喜好进行相关配置。

微信小程序--》小程序简介与工具安装配置

微信小程序--》小程序简介与工具安装配置

微信小程序--》小程序简介与工具安装配置

微信小程序--》小程序简介与工具安装配置 

🛺创建小程序

在项目开发中,我们通过编译器来查看我们的项目可以点击编译器上的编译即可

微信小程序--》小程序简介与工具安装配置

如果想在手机上查看我们编译的项目,点击预览弹出的二维码,手机扫码即可。

微信小程序--》小程序简介与工具安装配置

在详情这一块能查看我们当前项目的基本信息。

微信小程序--》小程序简介与工具安装配置

今天的讲解就到这,下期继续讲解认知小程序的开发 !文章来源地址https://www.toymoban.com/news/detail-494526.html

到了这里,关于微信小程序--》小程序简介与工具安装配置的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序开发工具介绍及安装(中)

    微信小程序开发工具的安装方法相对简单,并且适用于多个操作系统平台。以下是关于Windows、macOS和Linux三个平台上安装微信小程序开发工具的步骤和注意事项的详细介绍。 一、Windows平台安装方法: 访问微信小程序官方网站,在开发者工具页面上下载适用于Windows平台的安装

    2024年02月07日
    浏览(34)
  • 【微信小程序】--注册小程序账号&安装开发者工具(一)

    💌 所属专栏:【微信小程序开发教程】 😀 作  者:我是夜阑的狗🐶 🚀 个人简介:一个正在努力学技术的CV工程师,专注基础和实战分享 ,欢迎咨询! 💖 欢迎大家:这里是CSDN,我总结知识的地方,喜欢的话请三连,有问题请私信 😘 😘 😘   大家好,又见面了,

    2024年01月17日
    浏览(86)
  • 微信小程序入门01-工具的下载安装及模板的安装

    小程序开发现在已经有多种模式了,有使用uniapp开发的,使用微信开发者工具开发的,还有低代码工具也支持开发小程序的。 在众多开发模式中,使用官方开发者工具开发也是一种形式。本篇我们就介绍一下如何用微信开发者工具搭建小程序的开发环境。 官方提供的开发者

    2024年02月11日
    浏览(25)
  • 【微信小程序】微信Web开发者工具下载及安装

    🏆今日学习目标:微信Web开发者工具下载及安装 😃创作者:颜颜yan_ ✨个人主页:颜颜yan_的个人主页 ⏰预计时间:25分钟 🎉专栏系列:微信小程序开发 什么是微信小程序? 小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者

    2024年02月09日
    浏览(57)
  • 创建一个微信小程序——如何注册账号,安装微信开发者工具,创建一个小程序(详细步骤版)

    注册地址 注册地址:微信公众平台 注册 右上角——【立即注册】。 选择【小程序】。 按照步骤完成注册。 按照步骤激活邮箱后,在信息登记这里选择个人。 填写相关信息。 完成注册。 这一步可以先保留,后续在创建小程序时会用到AppID——点击【前往小程序】,复制A

    2024年02月06日
    浏览(50)
  • 微信小程序简介&账号注册流程(简)

    目录 1.小程序简介 2.开发环境准备 1.注册账号 2.获取appid(不上线的小程序可以用测试的appid)  3.微信开发工具(必须) 3.微信原生框架目录结构 1.小程序结构与传统web对比 2.目录结构 3.项目整体目录结构 4.小程序配置文件          微信小程序,小程序的一种,英文名Wechat M

    2024年02月09日
    浏览(30)
  • 微信小程序获取页面节点方法简介。canvas 滑动验证码 (前段,微信小程序,canvas2D)

    目录 一.wx.createSelectorQuery():返回一个 SelectorQuery 对象实例。在自定义组件或包含自定义组件的页面中,应使用 this.createSelectorQuery() 来代替 二.SelectorQuery.select(string selector)  返回值是NodesRef 三.NodesRef  四:执行所有请求 NodesRef SelectorQuery.exec 五: canvas 滑动验证码(使用wx

    2024年02月09日
    浏览(39)
  • 微信小程序用什么工具开发(微信小程序开发工具介绍)

    有很多人在开发小程序之前都会去了解微信小程序开发工具,想知道微信小程序用什么工具开发。时至今日,随着互联网技术的发展,现在开发微信小程序也能使用多种不同的工具,让我们来了解一下吧。 一、微信开发者工具 这是微信官方提供的微信小程序开发工具,可以

    2024年02月11日
    浏览(33)
  • Flex布局简介及微信小程序视图层View详解

    目录 一、Flex布局简介 什么是flex布局? flex属性 基本语法和常用属性 Flex 布局技巧 二、视图层View  View简介 微信小程序View视图层 WXML 数据绑定 列表渲染 条件渲染 模板 WXSS 样式导入 内联样式 选择器 全局样式与局部样式 WXS 示例 注意事项 页面渲染 数据处理 Flex 布局(又称

    2024年02月20日
    浏览(37)
  • 微信小程序 全局配置||微信小程序 页面配置||微信小程序 sitemap配置

    小程序根目录下的 app.json 文件用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。 以下是一个包含了部分常用配置选项的 app.json : 每一个小程序页面也可以使用同名 .json 文件来对本页面的窗口表现进行配置,页面中配

    2024年02月01日
    浏览(37)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包