微信小程序的介绍和开发环境需求以及基本配置 (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