微信小程序基础心得(一)

微信小程序基础(一)

安装微信开发者工具

安装地址

下载以后进行安装

打开微信开发者工具

打开工具以后，创建项目（选择小程序项目创建），因为是开发环境，我们没有appid，所以选择体验版，这个时候就不用输入appid

程序的目录结构

1. app.js

   在这个程序里面，它有两个部分

   • onLounch程序在启动的时候会自己执行,它只会执行一次，就是程序执行的时候
   • globalData这个代表全局数据

2. app.json

   这个文件是当前的项目的配置文件，相当于我们的package.json文件在这个文件里面，几个地方需要特别注意

   • page：这个选项，用来声明我们当前这个程序有多少个页面
   • window:这个属项用来控制当前小程序的窗体信息，如果小程序的主体颜色，小程序的标题等信息

3. app.wxss

   这个文件相当于全局css样式，在这里写了css样式以后，任何页面都可以直接使用里面的样式

4. pages目录

   小程序里面，所有的页面都在这个里面，相当于vue程序里面的views目录或pages目录

   注意：里面的每个页面都又是一个单独的文件夹（后面详细介绍）

5. utils目录

   与我们平常的utils是一样的类型，用来存放一些封装的工具与方法

小程序的页面结构

在vue的程序里面，我们每个vue文件都有三个部分，