- 首次打开微信开发者工具,第一次登陆需要扫描二维码登陆,然后就是选择“添加项目”,在添加项目之前需要我们设置一个项目资源目录,小编这里是E:\weixin\demo。接着填写项目信息,不要忘记把AppId填上去,不然后边开发有些高级功能我们是无法使用的。一切就绪我们就来到了一个初始化登陆的界面如图这个demo是官方提供的实例
- 在此我们开始第一个简单的变成,将“Hello World”变成“我的第一个小程序”,这里需要我们打开文件index.wxml修改如下的代码将{{mottoo}}换成“我的第一个小程序”
<!--index.wxml-->
<view class="container">
<view bindtap="bindViewTap" class="userinfo">
<image class="userinfo-avatar" src="{{userInfo.avatarUrl}}" background-size="cover"></image>
<text class="userinfo-nickname">{{userInfo.nickName}}</text>
</view>
<view class="usermotto">
<!--修改这句代码-->
<text class="user-motto">我的第一个小程序</text>
</view>
</view>
之后我们点击“重启”如图
这样我们的第一个小程序就变成了“我的第一个小程序”,注意编辑后点击ctrl+s键保存可以自动刷新页面效果 - 接下来向要让微信可以看到效果,就去“项目-》预览”然后扫面二维码就可以了