入门微信小程序从基础0开始(二)

上一节说了如何开通小程序帐号及项目建立,今天说一说基础文件构成及做用,。(我以为不必想的那么全面复杂,因此都是我的简单理解,不是那么全面,大佬手下留情)
image.png
左边是模拟器,中间是文件目录,右边是具体的文件的内容。咱们主要看中间的文件css

pages
pages文件夹下面的是页面相关的文件,微信给的demo中pages下有两个文件夹,每一个文件夹包含4个文件(没错,这就是你页面的文件存放位置)html

.js文件:其实就至关于APP的controller,里面包括data(页面数据,至关于全局变量),页面的生命周期函数,以及你须要的逻辑功能。
.json:能够配置navigationBar的一些信息
.wxml:布局文件,理解成html 就行
.wxss:和vue中的css模块中的同样,具备scoped特性前端

utils
这里存放的是.js文件,与pages里面的.js文件不一样,这里的.js文件是一些公共类文件vue

app
app.js:里面的App是用于启动时作一些内容加载请求使用,是小程序未进入首页以前的(用前端理解那就是程序运行前先获取用户信息及配置)json

app.json:小程序配置信息文件,如navigationBar(从字面意思就能够理解出,这就是底部导航)等这些配置。小程序

app.wxss:公共样式。微信

曾经有个我觉得的大佬跟我说过,遇到一个新的技术直接操做代码会理解或者学习的比较好,可是呢,我以为,我仍是会先看一遍官方文档,不须要记住多少东西,有个模糊的印象在敲代码来的更快。每一个人学习方式不同,选择本身合适的。app

相关文章
相关标签/搜索