查看“第一个微信小程序”的源代码
←
第一个微信小程序
跳转至:
导航
,
搜索
因为以下原因,您没有权限编辑本页:
您所请求的操作仅限于该用户组的用户使用:
用户
您可以查看与复制此页面的源代码。
== 安装和使用开发者工具 == 微信web开发者工具简介 微信Web开发者工具是基于微信的网页,帮助开发者更方便、更安全地开发和调试程序,而推出的Web 开发者工具。它是一个桌面应用,通过模拟微信客户端,使开发者可以使用这个工具方便地在PC或者Mac上进行小程序代码编写、调试程序、模拟手机等操作,极大地方便了开发者的研发工作。 下载地址: https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=201714 开发文档:https://developers.weixin.qq.com/miniprogram/dev/index.html?t=2018724 ==第一个微信小程序== [[文件:wx1-1.png]] 新建一个项目目录 在左侧‘设置’ -> '开发设置' ->开发者ID [[文件:wx1-2.png]] [[文件:wx1-3.png|700px]] 在编辑器page页面中找到index.wxml, 添加以下文字,hello jinan <nowiki><!--index.wxml--> <view class="container"> <view class="userinfo"> <button wx:if="{{!hasUserInfo && canIUse}}" open-type="getUserInfo" bindgetuserinfo="getUserInfo"> 获取头像昵称 </button> <block wx:else> <image bindtap="bindViewTap" class="userinfo-avatar" src="{{userInfo.avatarUrl}}" mode="cover"></image> <text class="userinfo-nickname">{{userInfo.nickName}}</text> </block> </view> <view class="usermotto"> <text class="user-motto">hello jinan </text> </view> </view></nowiki> 点击编译,你的第一个微信小程序就做好了,效果如下: [[文件:wx1-4.png]] 返回 [[微信小程序应用开发]]
返回至
第一个微信小程序
。
导航菜单
个人工具
登录
命名空间
页面
讨论
变种
视图
阅读
查看源代码
查看历史
更多
搜索
导航
首页
最近更改
随机页面
帮助
工具
链入页面
相关更改
特殊页面
页面信息