微信小程序

1 搜索微信公众平台
在这里插入图片描述
扫码进行登陆在这里插入图片描述

2 注册账号
3 下载微信开发者工具
4新建项目选择小程序项目,选择代码存放的硬盘路径,填入刚刚申请到的小程序的 AppID,给你的项目起一个好听的名字,勾选 “不使用云服务” (注意: 你要选择一个空的目录才可以创建项目),点击新建,你就得到了你的第一个小程序了,点击顶部菜单编译就可以在微信开发者工具中预览你的第一个小程序。
5参看微信小程序官方文档。生成自己的第一个小程序
在这里插入图片描述
左面 真机演示
中间代码目录
右面代码
在这里插入图片描述
index文件
即首页文件
在里面添加字段会直接显示到模拟器中

logs文件
utils文件
存放公共文件,修改时间戳等

app.js
入口文件,即逻辑层(实现交互等内容)

app.json
配置文件,全局配置,包括小程序的路径,界面表现,网络延迟等

app.wxss
样式文件,设置颜色等……
比如在这里添加了color:red

project.config.json
整个项目配置文件,可以在本地设置中进行可视化修改,基本不用在代码中修改

sitemap.json
地图,即文件的地址

在这里插入图片描述
写好之后点击编译,查看效果

扫描二维码进入csdn页面
首先先去自己的csdn页面鼠标右击,生成自己的csdn二维码
在这里插入图片描述
然后复制到微信开发者工具中的pages下面
在这里插入图片描述

照片尽量改一下名字,不然太长了,不方便
然后在inde.wxml文件开头加上`

<image class="widget__arrow" src="csdn.png" mode="aspectFit">
</image>

点击编译就行了。

在这里插入图片描述

上传
真机调试就可以在手机上看到了在这里插入图片描述

在这里插入图片描述
上传之后。在微信公众平台的版本管理中可以找到他
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值