微信小程序的软件安装以及基本介绍

一、微信小程序的注册

https://mp.weixin.qq.com/

点击连接跳转进行注册

填写信息，然后到邮箱激活，信息登记，登记完成之后进行登录，找到我们后续创建项目会用到的id（记下来）

这样子我们的注册就已经完成啦

 二、安装开发程序app

微信开发者工具（稳定版 Stable Build）下载地址与更新日志 | 微信开放文档微信开发者平台文档https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html

打开链接进行下载

安装过程中根据提示进行操作即可

安装完成之后，会弹出来进行扫码登录

登录成功之后就长这样

三、外观设置和代理 

外观部分就根据个人喜好去设置即可 

四、新建小程序

创建成功

（1）页面解析 

如果想要在手机上看到我们项目运行的效果

 （2）使用技巧

①开发者文档

在菜单栏那边，帮助--》开发者文档，就可以打开api帮助文档，有助于我们学习

② 模拟器/编辑器/调试器的隐藏和开启

点击模拟器/编辑器/调试器等就可以进行对应模块的隐藏和展示 

③项目的详情查看 

④主页面的顺序

其余的可以进行自己探索，点击看看

五、文件介绍

（1）大致介绍

 （2）json介绍

小程序项目中有 4种 ison 配置文件，分别是:
① 项目根目录中的 app.json 配置文件
② 项目根目录中的 project.config.json 配置文件
③ 项目根目录中的 sitemap.json 配置文件
④ 每个页面文件夹中的 .json 配置文件（一共两个）

1.app.json 文件

app.json 是当前小程序的全局配置，包括了小程序的所有页面路径、窗口外观、界面表现、底部 tab 等。

 2.project.config.json 文件

project.config.json 是项目配置文件，用来记录我们对小程序开发工具所做的个性化配置，例如:·setting 中保存了编译相关的配置

3.sitemap.json 文件

sitemap.json 文件用来配置小程序页面是否允许微信索引

注意:sitemap 的索引提示是默认开启的，如需要关闭 sitemap 的索引提示，可在小程序项目配置文件project.config.json 的 setting 中配置字段 checkSiteMap 为 false

4.页面的 .json 配置文件

小程序中的每一个页面，可以使用 .json 文件来对本页面的窗口外观进行配置，页面中的配置项会覆盖app.json 的 window 中相同的配置项。

六、WXML/WXSS/JS文件跟HTML/CSS/JS的不同

（1）WXML和 HTML 的区别

①标签名不同
HTML(div,span,img,a)
WXML(view,text,image,navigator)

② 属性节点不同
html中的超链接用<a>标签
wxml用<navigator url="/pages/home/home"></navigator>

③提供了类似于 Vue 中的模板语法
数据绑定
列表渲染
条件渲染

（2）WXSS 和 CSS 的区别

①新增了 rpx 尺寸单位
        CSS 中需要手动进行像素单位换算，例如rem
        WXSS 在底层支持新的尺寸单位rpx，在不同大小的屏幕上小程序会自动进行换算提供了全局②提供了全局样式和局部样式
        项目根目录中的 app.wxss 会作用于所有小程序页面
        局部页面的 .wxss 样式仅对当前页面生效

③WXSS 仅支持部分 CSS 选择器

（3）js

小程序中的 js 文件分为三大类，分别是:
① app.js
是整个小程序项目的入口文件，通过调用 App()函数来启动整个小程序，且这个文件不能命名成其他的

②页面的 .js 文件
是页面的入口文件通过调用 Page()函数来创建并运行页面

③普通的 .js 文件
是普通的功能模块文件，用来封装公共的函数或属性供页面使用

以上的内容是我在B站学习黑马的课做出来的总结，编写出来的文档，希望有帮助到求学者~