微信小程序从注册appid到熟悉静态微信特有标签

一、注册账号以及下载开发者工具

浏览器搜索"微信公众平台"后：

点击上方图片的小程序选项

 点击小程序后，进入页面后会（下拉页面）出现如上页面

 点击前往注册（并确保）

注册好之后我们重新进入微信公众平台网站，并由注册好的绑定的微信号扫二维码

 进入首页后我们点击红色圈的部分，如上图

 然后点击下载如上图

 点击后出现如上选择，我们选择稳定版就ok了

二、创建项目文件

 AppID是你在微信公众平台注册的appid（如下图）

点击上图红圈处自己创建的昵称（点击） 如下图

 账号信息里面有自己的appid（我在这就不展示我的了哈~）

填写好appid之后，选择模板

 两个大选项（如果用到云开发就选择云开发，建议新手选择不使用云服务！）

 我们选择不使用云开发，JavaScript基础模板就ok了，如上图

三、初始化开发者工具里面自动生成的代码

这时所有的代码以及pages里的文件我们都可以不要我们可以自己重新创建自己想要的文件项

如下：

 都删除！（包括index文件项和logs文件项）

注意删除后，不要立即保存，我们想让开发者工具不刷新

1.我们先来到app.json文件中

 appjson的pages里面的作用：每要创建一个像（index）这种文件项时，必须现在app.json里面的pages中配置一下：

我们以（像创建一个名为：lqj的文件项）为例子：

"pages/lqj/lqj",

写完后我们再看我们的整个结构：

 我们会发现我们虽然没有手动的，鼠标右键点击pages文件夹去手动创建lqj文件项，但是我们只要在appjson里面写了：

"pages/lqj/lqj",

这个注册文件项的代码后，就会帮我们自动生成一个lqj文件项并带着四个完成且崭新的.wxml\.js\.wxss\.json文件

此时我们创建好了我们想要的文件项之后，我们会发现下面的控制台里页不报错了（哎~就很nice）

看看上面四个图，人家开发者工具只要看到app.json中的pages中配置好了之后，就自动帮我们初始化所有生成的文件了~

首先我先声明一点，一个完好的网页也好，小程序也好都有三点：

我们以小程序为例子：

1.身体（wxml）：wxml比喻成一个项目的身体

2.衣服（wxss）：wxss比喻成一个项目的衣服（你见街上那个人不穿衣服，变态除外哈~）

3.动作（js）：js比喻成一个项目要做的动作（你看那个完美的小程序不会动？嗯？嗯？嗯？植物程序？是吧！）

四、基础的静态页面开发（wxml）

1.微信小程序的的标签有：

<view></view> :可以在里面写东西，以及嵌套别的标签等

<text></text>：只能在里面写字符串

<image></image>：只能在里面放图片

<button></button>：这是一个点击按钮标签，当我想要实现点击事件时需借助它

<navigator></navigator>：这是一个跳转标签，当我们想要跳转页面时，需借助它

一、<view></view> :可在里里嵌套下面标签

1.嵌套<text></text>

 2.嵌套<image></image>

3.嵌套 <button></button>

 4.嵌套<navigator></navigator>

二、<text></text>：只能在里面写字符串

举例：

三、<image></image>：只能在里面放图片

举例：

 四、<button></button>：这是一个点击按钮标签，当我想要实现点击事件时需借助它

举例：

五、 <navigator></navigator>：这是一个跳转标签，当我们想要跳转页面时，需借助它

举例：