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>
点击编译就行了。
上传
真机调试就可以在手机上看到了
上传之后。在微信公众平台的版本管理中可以找到他