在工具栏中我们要特别注意的点
1 如果我们的后台服务没有真实的服务器以及https域名,我们是没有办法进行真机调试。2 在开发阶段我们很多的功能不要真机调试,也可以完成。那我们只需要与本地的服务器交互即可。
3 如果不在下图所示的地方进行设置,小程序的与本地交互还是无法完成。他会校验的微信官网的后台,也就是你的个人小程序账户(https://mp.weixin.qq.com/)
如果我们做了如图配置,小程序与后台程序进行交互的时候,就不需要校验我们的https的域名以及服务器
3编辑器编辑器就比较简单,我们表注一下是什么就可以了
项目目录:
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调用出来的调试者模式一样,但是有一点不同
3.微信小程序的项目配置
小程序文件结构和传统web对比
结构传统web微信小程序结构 HTML WXML
样式 CSS WXSS
逻辑 Javascript Javascript
配置 无 JSON
通过以上对比得出,传统web 是三层结构。而微信小程序 是四层结构,多了一层 配置.json
新建一个项目