初次使用apicloud

先注册，然后创建应用，然后用微信扫某个二维码，在浏览器打开链接下载app，看一下

然后下载TortoiseSVN，新建文件夹，随便取个名字demo1，然后右键弹出的菜单里看一下SVN Checkout怎么把代码拉到这个新建文件夹名为demo1里面，按照提示教程，输入用户名即注册apicloud的邮箱，然后密码是点击获取分支密码获得。之后等一下就可以看到提示，然后显示文件一个一个被下载下来了。

之后稍微修改一下，测试一下commit文件是怎么样的。右键单击demo1，点击SVN Commit，点击ok，version2生成了,可以点击merge试试，然后选择demo1目录。之后再看网页就可以看到一些记录。然后点击云编译，配置一下生成二维码扫一下在手机上看下是不是成功的。

下载开发工具，APICloud Studio 2
想要用真机测试。在菜单栏找到帮助-WIFI真机同步IP和端口，之后根据提示要下载APPLoader到真机上。
连接上后，在菜单中找项目-运行,这样手机上就能看到效果了。

下一步，修改一些文件，比如一个button按扭，点击跳转到下一个html页面。
一开始尝试看看这样行不行

<button onclick="goto()">click  goto side page</button>
<script>
    function goto() {
        console.log('goto')
        api.openFrame({
            name: 'side',
            url: './side.html',
            bounces: true,
            rect: { // 推荐使用Margin布局，用于适配屏幕的动态变化
                marginTop: headerH, // main页面距离win顶部的高度
                marginBottom: footerH, // main页面距离win底部的高度
                w: 'auto' // main页面的宽度 自适应屏幕宽度
            }
        });
    }
</script>

结果根本不行

那么查文档，在前端框架-APICloud前端框架里面，.dom()和.addEvt()，经过测试，这样的代码可行

<button id="btn001">click  goto side page</button>
<script>
    var btn = $api.dom('#btn001')
    $api.addEvt(btn, 'click', function() {
        console.log('walawala')
    })
</script>

下一步看一下怎么跳转网页？在html文件夹下创建文件side.html，然后随便写点什么
只写有测试使用openWin, closeWin，页面糊了。暂时不明白什么情况，等后续再去了解。
在main.html中这么写

<script>
    var btn = $api.dom('#btn001')
    $api.addEvt(btn, 'click', function() {
        console.log('walawala')
        api.openFrame({
            name: 'side',
            url: './side.html',
            pageParam: {
                name: 'test'
            },
        })
        console.log('hahahaha')
        api.closeFrame({
            name: 'main'
        });
    })
</script>

这样的话基本就可以实现跳转页面了

然后这个内容好像位置不太对。可以参考一下index.html里面怎么配置的。尝试使用vue.js作为前端框架

<script src="../script/vue.js"></script>
<script>
  var vm = new Vue({
    el: '#vueInstance',
    data: {

    },
    methods: {
      vuebtn: function(event) {
        console.log('vue button works')
      }
    }
  })
  console.log("vm",vm)
</script>

控制台成功输出了

那么怎么样使用Single File Components？

怎么样结合vue-cli呢。 今天就到这里，下次再试吧。应该新建文件夹试试。