微信小程序入门教程 --(保姆级)

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

一、小程序注册

1、首先,到小程序官网注册自己的小程序账号,以下附有地址和教程:
小程序官网
进入这个地址之后,会看到这样的页面,点击立即注册按钮
微信小程序入门教程 --(保姆级)
2、在接下来的页面,选择小程序
微信小程序入门教程 --(保姆级)
3、然后根据提示完成三个注册步骤,(1).填写正确的邮箱和密码格式;(2).进行邮箱激活,在自己的邮箱里会收到一条验证信息,点击激活即可;(3).填写信息,进行信息登记,完成三个步骤即注册完成。
微信小程序入门教程 --(保姆级)
4、注册完成后,返回首页进行登录,用自己的微信扫描首页的二维码即可登录。
微信小程序入门教程 --(保姆级)
5、登录成功之后,按下面步骤找到自己的微信小程序 Id 账号。
微信小程序入门教程 --(保姆级)

二、下载微信开发者工具

1、下载

微信开发者工具就是开发微信小程序的一个编译工具,点击以下官网地址进行下载和安装。
微信开发者工具下载(稳定版)

2、安装

进入链接之后,选择适合自己系统的进行下载,下载完成之后,双击安装包进行安装,步骤如下:
微信小程序入门教程 --(保姆级)
微信小程序入门教程 --(保姆级)
微信小程序入门教程 --(保姆级)
微信小程序入门教程 --(保姆级)

3、完成

点击完成之后会弹出一个二维码,用自己的微信扫描二维码,然后再手机上确认,就会弹出这样一个页面,接下来就可以新建第一个项目了。
微信小程序入门教程 --(保姆级)

三、新建项目

1、如果微信开发者工具下载完成之后没有弹出以上新建页面,就双击打开微信开发者工具,图标如下所示:
微信小程序入门教程 --(保姆级)
2、可以在桌面或者某一个文件夹里面创建一个空的文件夹,名字任意英文字母组成,例如:
微信小程序入门教程 --(保姆级)
3、点击+号,新建第一个项目
微信小程序入门教程 --(保姆级)
4、选择自己创建的文件夹目录,AppID 是刚才注册小程序的 ID 账号,复制粘贴即可,然后后端服务选择 不适用云服务,模板可以选择JavaScript基础模板,(如果你会 TypeScript ,也可以选择TypeScript 基础模板),然后点击确定即可创建第一个项目。
微信小程序入门教程 --(保姆级)
5、创建完成之后,进入到项目页面,如下所示:
微信小程序入门教程 --(保姆级)

四、项目目录介绍

1、工具介绍

微信小程序入门教程 --(保姆级)

2、项目目录介绍

微信小程序入门教程 --(保姆级)

  1. pages 用来存放所有小程序的页面
  2. utils 用来存放工具性质的模块(例如:格式化时间的自定义模块)
  3. .eslintrc.js 检测代码样式格式的文件
  4. app.js 小程序项目的入口文件
  5. app.json 小程序项目的全局配置文件
  6. app.wxss 小程序项目的全局样式文件
  7. project.config.json 项目的配置文件
  8. project.private.config.json 项目私有配置文件
  9. sitemap.json 用来配置小程序以及页面是否允许被微信索引
3、创建新页面

在 app.json 文件中,pages 目录下,添加 home 页面,写在最上面就会显示在模拟器中,保存之后会自动生成home页面。不要忘了加英文逗号!!!
微信小程序入门教程 --(保姆级)

4、书写简单样式

以下是简单的页面编写示范:接下来就可书写代码了,下面是随意创建了一个页面,演示了一些简单的代码,更多基础内容详解可查看首页其他文章。
微信小程序入门教程 --(保姆级)

五、微信小程序开发文档

微信小程序开发文档
上面这个☝是微信小程序开发文档的地址链接, 有各种不懂的问题都可以去查阅文档,有微信小程序开发步骤,各种 API 和组件等等。
微信小程序入门教程 --(保姆级)
这些是小程序入门教程,更多基础内容,可点击我的头像去个人中心查看,后续会持续更新~

希望各位不要吝啬,给个小赞赞~文章来源地址https://www.toymoban.com/news/detail-400027.html

到了这里,关于微信小程序入门教程 --(保姆级)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • 微信小程序开发教程:项目一微信小程序入门 课后习题

    《微信小程序开发教程》主编/黄寿孟 易芳 陶延涛 湖南大学出版社 目录 一、单选题 二、多选题 三、判断题 四、填空题 五、简答题 1.请简述微信开发者工具中调试器功能。 2.请简述微信小程序开发环境的搭建过程。 六、编程题 1.请创建一个空白项目,在页面中输出Hello W

    2024年02月11日
    浏览(57)
  • 微信小程序新手入门教程二:认识JSON配置文件

    在上一篇我们介绍了微信小程序的注册和基本使用方式,并且写出了一个简单的页面,但是依然没有解释目录中的各种.json文件是做什么的。这篇我们就来认识一下各种JSON配置文件及其配置项。 首先先来认识一下JSON是什么。 JSON 指的是 JavaScript 对象表示法(JavaScript Object 

    2024年04月17日
    浏览(49)
  • 小程序注册安装以及新手快速入门教程

    一、注册并安装微信小程序 1.打开  https://mp.weixin.qq.com/  网址,点击立即注册即可进入小程序开发账号的注册流程,注册的账号类型选择 小程序 。 2.根据注册要求注册,发送邮箱信息,接收到微信团队发送的邮箱信息后,点击链接进行激活,如果出现 红色感叹号 可参考下

    2024年02月09日
    浏览(61)
  • uniapp从入门到精通(全网保姆式教程)~ 别再说你不会开发小程序了

    目录 一、介绍 二、环境搭建(hello world) 2.1 下载HBuilderX 2.2 下载微信开发者工具 2.3 创建uniapp项目 2.4 在浏览器运行 2.5 在微信开发者工具运行 2.6 在手机上运行 三、项目基本目录结构 四、开发规范概述 五、全局配置文件(pages.json) 5.1 globalStyle(全局样式) 导航栏:背景

    2024年02月08日
    浏览(58)
  • ESP8266-01s入门:上报和下发数据控制单片机 AT指令讲解和上云 烧录AT固件与OneNET MQTT通信教程包含MQTT.fx1.7.1教程(微信小程序通信单片机前置任务)

    本项目教程总共分为四节 1.创建OneNET新版MQTT设备:为微信小程序与单片机通信打基础(微信小程序通信单片机前置任务) 2.(当前文章)ESP8266-01s入门:烧录AT固件与OneNET MQTT通信教程包含MQTT.fx1.7.1教程(微信小程序通信单片机前置任务) 3.物联网实践教程:微信小程序结合

    2024年02月04日
    浏览(56)
  • 小程序入门笔记(一) 黑马程序员前端微信小程序开发教程

    微信小程序基本介绍 小程序和普通网页有以下几点区别: 运行环境:小程序可以在手机的操作系统上直接运行,如微信、支付宝等;而普通网页需要在浏览器中打开才能运行。 开发技术:小程序采用前端技术进行开发,如HTML、CSS、JavaScript等;而普通网页也是使用类似的前

    2024年02月08日
    浏览(65)
  • Midjourney保姆级入门教程

    在 AI 画图领域,midjourney 目前是效果最好的一个工具,目前已经更新到 V5 版本,生成的各种神图层出不穷,什么国足夺冠、特朗普插秧、教皇打碟、异形下乡…… 只要你敢想AI就敢画,而且随便拿出一张都能做到以假乱真的程度。 本文对该工具的使用方法进行一个详细的介

    2024年02月02日
    浏览(49)
  • C++入门(保姆级教程)

    目录 一、C++ 二、命名空间 2.1 C语言中的命名冲突  2.2 C++中命名空间 2.2.1 命名空间的定义 2.2.2 命名空间的特性 2.2.3 命名空间的使用 2.2.4 补充知识 2.2.4 C++库的命名空间 三、C++中的输入输出 四、缺省参数 4.1  定义 4.2 缺省参数的分类 4.2.1 全缺省参数 4.2.2 半缺省参数

    2024年02月07日
    浏览(47)
  • 获取微信小程序页面路径【保姆级教程】

    1.进入微信小程序公众平台,登录账号,点击右上角生成小程序码 微信公众平台 2.输入小程序名称或者小程序的APPID或者原始ID,输入完成,然后点击搜索,然后下一步    3.输入自己的微信号之后,点击开启   4.看到提示开启成功之后,就可以在手机上去获取页面路径了  

    2024年02月16日
    浏览(50)
  • 微信小程序——Echarts使用(保姆式教程)

    ✅作者简介:2022年 博客新星 第八 。热爱国学的Java后端开发者,修心和技术同步精进。 🍎个人主页:Java Fans的博客 🍊个人信条:不迁怒,不贰过。小知识,大智慧。 💞当前专栏:微信小程序学习分享 ✨特色专栏:国学周更-心性养成之路 🥭本文内容:微信小程序——

    2024年02月09日
    浏览(45)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包