> 文章列表 > 【微信小程序】小程序基础入门01

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

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

在这里插入图片描述
😉博主:初映CY的前说(前端领域) ,📒本文核心:微信小程序的入门介绍

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

目录

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

一、⭐小程序特点

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

  • 特点:无需下载(小程序体积非常小(不超过 2M),用户感知不到下载的过程)。

  • 理念:用完即走(用户随时退出小程序,不需要关注小程序本身)。

  • 入口:扫一扫、搜一下、群聊…

二、⭐ 基础前置

学习之前我们需要先了解下一个开发小程序的软件——微信开发者工具。我们将会用这个软件完成我们项目的一个制作。(后面为了做多端时会用上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

④开发者工具

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

  • 快速创建小程序项目(起到脚手架的作用)。

  • 代码的查看和编辑(相当于 VSCode 作用)。

  • 对小程序功能进行调试(相当于浏览器作用)。

  • 小程序的预览和发布。

三、⭐ 目录介绍

【微信小程序】小程序基础入门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 小程序搜索优化 否

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

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