小程序初入门

Posted boqianliu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序初入门相关的知识,希望对你有一定的参考价值。

1、到微信小程序注册用户并登记相关信息,会获得一个AppID,新建项目时填入,可以解锁更多功能。

当然不解锁一样可以开发。

技术分享图片

2、新建好的小程序目录如下:

技术分享图片

pages里面每个文件夹是一个页面,wxml类似于html,用来展示页面;

wxss类似于css,用来设定wxml里面各元素的样式;(wxss尺寸单位

js定义各种数据和wxml里面要用到的函数,和javascript还是有一点区别的。

json是页面的配置,用来存放JSON格式的字符串。

3、如何快捷新建页面?

(1)在pages下新建文件夹,文件夹内右键"新建"->"page",四个同名不同拓展名的文件就建好了,和文件夹名字还一样,不用修改,多好。

这样新建页面之后,需要在app.json的pages数组之中注册,不然编译通不过。

(2)直接在app.json的pages数组之中注册,然后编译报错,pages下自动补全相关文件

不过我这样做的时候有时候不好使,最好还是不要这么干。

4、app.js/json/wxss是什么?

app.wxss是全局的样式,可以通过组件的class属性来绑定,单个页面的样式与全局样式同名的话,全局样式会被重写,这个词应该挺形象的吧。。

app.json可以定义窗口样式、底部导航栏、小程序内页面注册,单个页面的json同名样式一样可以重写全局样式,比如可以通过修改"navigationBarTitleText"来设置不同页面的标题文字。

app.js是小程序的逻辑文件,必须要使用App()来初始化小程序,就像单个页面的js一样要有Page()来初始化页面。

app.js里面的是全局变量,页面js定义的是局部变量,页面js函数里面的就是局部的局部变量,大概就是这么个意思。

5、project.config.json是什么?

可以点击开发工具的详情查看,那里面的设置和project.config.json是一样的,一个配置文件,一个可视化的,目的是一样的。

参考资料:

微信小程序基本目录结构学习

wxss尺寸单位

[微信小程序之小白教程系列] 微信小程序 -- 入口

以上是关于小程序初入门的主要内容,如果未能解决你的问题,请参考以下文章

mpvue 初体验之改写车标速查小程序

微信小程序初入微信小程序

融云im小程序集成初体验

wx小程序初体验

小程序初体验:手把手教你写出第一个小程序

小程序初接触