首先你得注册一个小程序账号,至于申请账号的详细流程见 https://developers.weixin.qq.com/miniprogram/dev/ ,再有就是微信开发者工具,它是所有开发者必不可少的工具。

    下面讲一下开发者工具的使用:

微信开发小程序的前期准备工作及介绍       安装完之后会出现如下图的界面:

                                      微信开发小程序的前期准备工作及介绍

在输入框输入你想创建的程序名称,保存的路径与你的APPID点击确定即可就会显示如下图像

微信开发小程序的前期准备工作及介绍

点击上图的预览就可以在手机上预览,我们每次写完代码都要进行编译处理之后进行预览

     微信开发小程序的前期准备工作及介绍   微信开发小程序的前期准备工作及介绍         

我们用开发者工具打开会出现如上两图(左图)的文件,这是工具自带的,打开pages目录,下面有dou文件夹,打开下面还有其他供开发者使用的文件,我们编写前台界面是在    .wxml  中编写,样式是在  .wxss 中编写 ,那些带  app 的文件是管.wxss相同的样式,在这里设置所有文件的css属性就会都有此属性。唯一需要大家注意的代码是这个文件下的pages字段

微信开发小程序的前期准备工作及介绍

此文件下的代码

  1. pages字段 —— 用于描述当前小程序所有页面路径,这是为了让微信客户端知道当前你的小程序页面定义在哪个目录。

           2.window字段 —— 小程序所有页面的顶部背景颜色,文字颜色定义在这里的。

通过此节的讲述就可以进入正式的代码开发了。




相关文章:

  • 2021-12-05
  • 2021-11-23
  • 2021-06-21
  • 2021-09-03
  • 2021-12-09
  • 2021-12-03
  • 2021-08-03
  • 2021-04-21
猜你喜欢
  • 2022-01-10
  • 2022-12-23
  • 2021-09-17
  • 2021-05-15
  • 2022-01-11
相关资源
相似解决方案