发布时间:2023-05-08 文章分类:WEB开发, 电脑百科 投稿人:李佳 字号: 默认 | | 超大 打印

【微信小程序】小程序基础入门01
😉博主:初映CY的前说(前端领域) ,📒本文核心:微信小程序的入门介绍

【前言】小程序是一种不需要下载、安装即可使用的应用,它实现了应用触手可及的梦想,用户扫一扫或者搜一下就能打开应用,也实现了用完即走的理念,用户不用安装太多应用,应用随处可用,但又无须安装卸载。

目录

  • 一、⭐小程序特点
  • 二、⭐ 基础前置
      • ①注册个账号
        • 1.1选择注册的账号类型
        • 1.2填写账号信息
        • 1.3邮箱激活
        • 1.4点击链接激活账号
        • 1.5选择主体类型
        • 1.6主体登记信息
      • ②填写小程序信息
      • ③获取 AppID
      • ④开发者工具
  • 三、⭐ 目录介绍
      • 1.目录文件介绍
      • 2.再来看一些特定名称的文件

一、⭐小程序特点

小程序对于大家来说就已经是很常见的事情喽~,其特点精简下来就是一句话:不需要下载App就可以使用。

二、⭐ 基础前置

学习之前我们需要先了解下一个开发小程序的软件——微信开发者工具。我们将会用这个软件完成我们项目的一个制作。(后面为了做多端时会用上uni-app技术配合HBulider软件开发。这个内容我留在以后讲)

①注册个账号

首先是需要去微信公众平台注册一个账号
【微信小程序】小程序基础入门01

1.1选择注册的账号类型

【微信小程序】小程序基础入门01

1.2填写账号信息

【微信小程序】小程序基础入门01
🤔 提示:这里要注意所填写的邮箱要求曾经没有注册过小程序、服务器、订阅号。

1.3邮箱激活

【微信小程序】小程序基础入门01

1.4点击链接激活账号

【微信小程序】小程序基础入门01

1.5选择主体类型

【微信小程序】小程序基础入门01

1.6主体登记信息

【微信小程序】小程序基础入门01

②填写小程序信息

账号注册完毕后不能立刻使用,还需要进一步对小程序的信息进行完善,如下图所示。
【微信小程序】小程序基础入门01

③获取 AppID

AppID 是小程序的唯一标识,在对小程序进行开发或者上线发布时都会用到 AppID,获取方式如下图所示。
【微信小程序】小程序基础入门01

④开发者工具

微信开发者工具是官方提供的专门用于微信小程序开发调试的工具,它提供的主要功能如下。

三、⭐ 目录介绍

【微信小程序】小程序基础入门01
首次进来点击编译将会看到下文结构
【微信小程序】小程序基础入门01

1.目录文件介绍

类型名称 作用 是否必须
.wxml 用于页面的布局结构,相当于网页中 .html 文件
.wxss 用于页面的样式,相当于网页中的 .css 文件
.js 用于页面的逻辑
.json 用于页面的配置

2.再来看一些特定名称的文件

文件名 作用 是否必须存在
app.js 小程序入口(首先执行的文件)
app.json 小程序的全局样式
app.wxss 小程序的全局样式
project.config.json 小程序开发者工具配置 是(会自动创建)
project.private.config.json 私有的配置 是(会自动创建)
sitemap.json 小程序搜索优化

好了今天的介绍就此结束喽~下一篇文章将会介绍小程序的基础语法知识,敬请期待!

至此本文结束,愿你有所收获!
期待大家的关注与支持! 你的肯定是我更新的最大动力!!!