微信小程序的介绍和开发环境需求以及基本配置 (2)

img

在工具栏中我们要特别注意的点

1 如果我们的后台服务没有真实的服务器以及https域名,我们是没有办法进行真机调试。
2 在开发阶段我们很多的功能不要真机调试,也可以完成。那我们只需要与本地的服务器交互即可。
3 如果不在下图所示的地方进行设置,小程序的与本地交互还是无法完成。他会校验的微信官网的后台,也就是你的个人小程序账户(https://mp.weixin.qq.com/)

如果我们做了如图配置,小程序与后台程序进行交互的时候,就不需要校验我们的https的域名以及服务器

微信小程序的介绍和开发环境需求以及基本配置

3编辑器

编辑器就比较简单,我们表注一下是什么就可以了

img

项目目录:

pages    所有的页面
 -index  每一个文件夹代表着一个页面,每个页面由四个文件组成
--index.js    页面的js文件
--index.json  页面的配置文件
--index.wxml  页面的html文件
--index.wxss  页面的css文件
utils   写公共方法的,也可以不用
app.js  小程序的项目的js,全局只有一个,全局的js文件,小程序的入口
app.json 小程序的全局配置文件
app.wxss 小程序的全局css文件
project.config.json 这个是项目配置文件,一般不动它
sitemap.json  这个是小程序的seo文件
4调试器

调试器的功能与我们浏览器中的f12调用出来的调试者模式一样,但是有一点不同

img

3.微信小程序的项目配置

小程序文件结构和传统web对比

结构传统web微信小程序
结构   HTML   WXML  
样式   CSS   WXSS  
逻辑   Javascript   Javascript  
配置     JSON  

通过以上对比得出,传统web 是三层结构。而微信小程序 是四层结构,多了一层 配置.json

新建一个项目

微信小程序的介绍和开发环境需求以及基本配置

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zzjysy.html