小程序简介和开发工具

news/2024/7/20 4:01:23 标签: 小程序, 微信小程序

文章目录


1 小程序简介

1.1 小程序与普通网页开发的区别

请添加图片描述

1.2 体验小程序

可使用手机微信(6.7.2 及以上版本)扫码下方小程序码,体验小程序
请添加图片描述

2 注册小程序开发帐号

使用浏览器打开 https://mp.weixin.qq.com/ 网址,点击右上角的“立即注册”即可进入到小程序开发账号的注册流程,主要流程截图如下:
请添加图片描述
选择注册账号的类型
请添加图片描述
填写账号信息
请添加图片描述
提示邮箱激活
请添加图片描述
点击链接激活账号
请添加图片描述
选择主体类型
请添加图片描述
主体信息登记
请添加图片描述
获取小程序的 AppID
请添加图片描述

3 安装开发者工具

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

1.快速创建小程序项目
2.代码的查看和编辑
3.对小程序功能进行调试
4.小程序的预览和发布

下载
推荐下载和安装最新的稳定版(Stable Build)的微信开发者工具,下载页面的链接如下:

请添加图片描述
安装
请添加图片描述
请添加图片描述
请添加图片描述
扫码登录
请添加图片描述
设置外观和代理
请添加图片描述

4 创建项目

点击“加号”按钮
请添加图片描述
填写项目信息
请添加图片描述
项目创建完成
请添加图片描述

5 预览效果

在模拟器上查看项目效果
请添加图片描述

在真机上预览项目效果
请添加图片描述
主界面的 5 个组成部分
请添加图片描述


http://www.niftyadmin.cn/n/563841.html

相关文章

小程序项目文件介绍

文章目录1 项目结构1.1 项目的基本组成结构1.2 小程序页面的组成部分2 JSON 配置文件2.1 JSON 配置文件的作用2.2 app.json 文件2.3 project.config.json 文件2.4 sitemap.json 文件2.5 页面的 .json 配置文件2.6 新建小程序页面2.7 修改项目首页3 WXML 模板3.1 WXML3.2 WXML 和…

阿里云入门搭建小细节

云服务器我觉得就是一台电脑,只不过你可以用,但是不能摸到,拿来挂QQ,挂个人网站,等等都行。 所以接下来开始入云端吧。 一、云服务器ECS购买 首先是买服务器,由于我还是学生,所以可以在阿里云…

Vue----vue-router 的基本使用

文章目录2 vue-router 的基本使用2.1 vue-router2.1.1 vue-router 的版本2.2 vue-router 3.x 的基本使用步骤2.2.1 在项目中安装 vue-router2.2.2 创建路由模块2.2.3 导入并挂载路由模块2.2.4 声明路由链接和占位符2.2.5 声明路由的匹配规则2.2.6 完成代码main.jsApp.vuesrc/ro…

【阿里云入门之】如何快速创建弹性云服务器

要使用阿里云的弹性云服务器ECS,必须确保已经拥有阿里云的帐号并且通过实名认证。如果还没有帐号可访问阿里云官网或者云栖社区进行注册。 1. 注册阿里云帐号 注册方式很简单,以官网为例,打开浏览器,输入官网www.aliyun.com&…

阿里云服务器的优势,为何选择阿里云服务器?

时间过得真快,备案快要通过下来了,自己也马上要成为一个真正的站长了,今天就来说一下我如何使用”云平台方案调研/技术选型”、”云上建站/开发过程”、”架构解析/优化”、”上云前后对比”、”遇到的问题及解决方案”经历吧。 ‘为了无法计…

Vue----组件注册

文章目录组件的注册1.1 注册组件的两种方式1.2 全局注册组件1.3 使用全局注册组件1.4 局部注册组件1.5 全局注册和局部注册的区别1.6 组件注册时名称的大小写1.7 通过 name 属性注册组件组件的注册 组件之间可以进行相互的引用。 vue 中组件的引用原则:先注册后使…

阿里云服务器以及域名申请和绑定搭建教程

在大学阶段,购买并搭建了自己的第一个服务器,心情激动无比,写下本片博文记录购买并搭建服务器的全过程,方便自己以后在服务器方面进行更加深入的学习。阿里云和腾讯的服务器都有学生价,价格都是一折左右,真…

Vue -- scoped 组件间的样式冲突

文章目录1. 组件之间的样式冲突问题1.1 如何解决组件样式冲突的问题1.2 style 节点的 scoped 属性2. /deep/ 样式穿透3. 让 style 中支持 less 语法1. 组件之间的样式冲突问题 默认情况下,写在 .vue 组件中的样式会全局生效,因此很容易造成多个组件之间…