小程序初探-之一

169 阅读1分钟

引入:最近小程序比较活跃,从发布至今一直没有研究过,所以打算看一下。

step1:首先需要申请开发账户,这些按照腾讯小程序的教程一步步来即可。 最后通过绑定的微信号,打开微信开发者工具,选择项目目录。这里开始: 我选择的空目录,之后会开发者工具开始运行,并新建了project.config.json文件。

step2:开始搭建目录结构: 中间因为文件名称的问题报了些小错,但是最终如下是可以的:

如果json文件是空的话也会报错,

pages/logs/logs.json 文件解析错误  SyntaxError: Unexpected end of JSON input

所以我默认添加了些代码:

  "compilerOptions": {
    "module": "commonjs",
    "target": "es5",
    "sourceMap": true
  },
  "exclude": [
    "node_modules"
  ]
}

至于报错原因我猜是json文件没有检测到大括号吧??

step3: 准备写hello world 前发现了新错:

pages/logs/logs.js 出现脚本错误或者未正确调用 Page()

这种情况的原因是在要跳转到的页面的js文件中未建立Page()方法 在index.js,logs.js中添加:

Page({
    data: {
    	index: []
    }
})
Page({
	data: {
		logs: []
	}
})

终于,什么报错也没有了,赶紧在index.wxml写了个hello world:

<body id="main">
    <section>
        Hello Cici Lu!
    </section>
    <article>
        Welcome on board!
    </article>
</body>

最后,当当当当:

总算走完了小程序的第一步。接下来看如何能用我熟悉的vue开发,做点功能进去。