【个人】微信小程序初体验

很早前就想体验一把小程序的开发了,如果熟悉三大框架的话,小程序的开发还是很容易上手的,所以只要跟着做一个小应用,加上官方的文档就十分好学了。加上官方提供的开发工具也比较简洁好用,初次体验的我觉得真的十分方便。

准备工作

开发工具下载地址(竟然隐藏在一个超链接里,真的很不醒目啊):https://developers.weixin.qq....

文档地址:https://developers.weixin.qq....

初次体验

新建项目的时候,可以选择是小程序/小游戏,这次我体验的是小程序的开发。
在选择项目文件夹的时候,这个目录就会被直接放入我们的代码。所以每次新建一个项目还要自己先把空文件夹建好。

默认代码

建好后,会有一些默认的代码给我们。我们可以先看这些代码来有一个大概的印象。

- /pages
  - /index
  - /logs
- /utils
  - util.js
- app.js
- app.json
- app.wxss
- project.congig.json

pages
如其名!肯定就是我们的所有的页面文件夹了,这里有index和logs两个页面,所以下面又各自有两个文件夹。
每个页面一般都有同名的js、wxml和wxss文件。其中wxml是写类似于html的文件,wxss则是写类似于CSS样式的文件。
还可以有json文件,用于单独描述这个页面的一些信息。

utils
放的是应用要用到的工具函数,不是必须的。

app.js
整个项目的入口文件。

app.json
应用配置文件,这里主要有pages和window两项内容,pages配置的是拥有的所有页面地址。window可以配置小程序边界的,如顶部的导航栏的一些样式。

// 背景文字样式
"backgroundTextStyle":"light",
// 导航顶部背景颜色
"navigationBarBackgroundColor": "#fff",
// 导航标题文字
"navigationBarTitleText": "WeChat",
// 导航文字颜色
"navigationBarTextStyle":"black"

project.congig.json
项目配置文件

...今日困了,明天继续写

相关推荐