微信小程序基础入门- - (注册及项目入门)

Envyᥫᩣ

已于 2024-07-08 18:00:09 修改

阅读量685

点赞数 11

文章标签：微信小程序小程序

于 2024-07-02 22:25:28 首次发布

本文链接：https://blog.csdn.net/2302_82029124/article/details/140134660

版权

在这里插入图片描述

一、微信小程序注册

1、找到微信小程序官网

首先你需要拥有一个小程序帐号，通过这个帐号你就可以管理你的小程序。
这个时候你需要找到官网注册账号👉微信小程序官网
或搜索官网链接注册账号👉https://mp.weixin.qq.com/cgi-bin/wx
在这里插入图片描述

2、进入官网，点击注册按钮

点击右上角的“立即注册”即可进入到小程序开发账号的注册流程，主要流程截图如下：
在这里插入图片描述

3、选择你要注册账号的类型

在这里插入图片描述

4、然后根据提示完成三个注册步骤。

(1).根据个人填写正确的邮箱和密码格式；
在这里插入图片描述

5、提示邮箱激活账号

(2).进行邮箱激活，在自己的邮箱里会收到一条验证信息，点击激活即可；
在这里插入图片描述

6、点击链接激活账号

在这里插入图片描述

7、选择主体类型

(3).填写信息，进行信息登记，完成三个步骤即注册完成。

在这里插入图片描述

8、获取小程序的 AppID

二、安装开发者工具

1、下载开发者工具

2、安装

在这里插入图片描述

点击“完成”按钮，完成对微信开发者工具的安装。

在这里插入图片描述

3、扫码登录开发者工具

在这里插入图片描述

三、创建项目

1、创建小程序

新建项目选择小程序项目，选择代码存放的硬盘路径，AppID 是刚才注册小程序的 ID 账号，给你的项目起一个好听的名字，勾选 “不使用云服务” （注意: 你要选择一个空的目录才可以创建项目），点击新建，你就得到了你的第一个小程序了，点击顶部菜单编译就可以在微信开发者工具中预览你的第一个小程序。
在这里插入图片描述

2、工具介绍

在这里插入图片描述

3、项目目录介绍

在这里插入图片描述
pages 用来存放所有小程序的页面
index.js 后续写动态效果代码的位置特效与后台交互获取数据
index.json 引用其它组件内容的配置文件位置
index.wxml 类似于咱们的html页面，就是写布局的
index.wxss 类似与咱们刚才写的css文件

.eslintrc.js 检测代码样式格式的文件
app.js 小程序项目的入口文件
app.json 小程序项目的全局配置文件
app.wxss 小程序项目的全局样式文件
project.config.json 项目的配置文件
project.private.config.json 项目私有配置文件
sitemap.json 用来配置小程序以及页面是否允许被微信索引