小程序的优点

创建项目

创建页面与APP.json

各文件用处

第一个 ****.js

第二个 ***.json文件

第三个 ****.wxml文件

第四个 ****.wxss文件

小程序的优点

轻量级，易于开发
组件丰富，写法简单
基于微信大环境，对于用户友好

创建项目

新建项目选择小程序，AppID选择测试号

点击测试号后点击新建

创建页面与APP.json

其中pages表示页面，pages/index表示默认页面（即首页）、pages/logs代表日志页面

再往下可以看到app.***三个文件，按照顺序分别是小程序的主逻辑文件，页面信息数据文件，页面样式文件，这些文件都是全局文件

在pages里新建文件夹testPage01，再在该文件夹下右键创建Page，文件夹里得到以下四个文件

此时我们打开app.json文件，可以看到多了一行，每一个页面必须先在app.json里pages页面信息里注册才能找到，这里的注册顺序决定着加载顺序，你可以把最后一行放在第一行，测试完后得到以下第二幅图

其他的比如window是窗口的初始默认配置配置，就是你的新页面不写这些默认就是这个了，

具体什么用把每一项啥意思

请看下面链接，打开链接，把不懂的复制粘贴进去就好

百度翻译

PS：按ctrl+S就可以编译保存

各文件用处

回到刚刚创建的页面

第一个 .js

该页面的逻辑处理文件，里面提供了很多微信的自带方法，有关页面加载显示的都默认创建，每一个都有注释什么用

第二个 ***.json文件

该页面的数据文件

举个例子这个navigationBarTitleText就是微信页面的头上这个WeChat（默认WeChat），那个圈圈里的的逗号就没什么好说的吧。。。。

第三个 .wxml文件

该页面的显示文件，这个页面显示什么都在这个文件里

基础控件名字一样的就是HTML那些，button、view、cover_view、lable、text.....等等

PS：设置这个页面有什么，有鼻子有脸还是耳朵等等

第四个 .wxss文件

该页面的样式文件，这个页面怎么显示

Ps：鼻子耳朵脸长啥样

微信小程序（2）入门初识小程序相关推荐

微信小程序开发入门教程-小程序账号注册及开通
17年小程序开始公测,经过5年的发展,无论从组件.开发工具.api.生态.社区,都已经发展的非常成熟了.如果17年年初你看小程序,觉得无需安装即用即走还是一个理念的话.站在今天看过去,往往是先提出一个 ...
微信小程序|小程序的构成(初识小程序详细简介)
小程序的构成目录小程序的构成 1.项目结构 1.1 项目的基本组成结构 1.1.1 pages(目录)\textcolor{MediumBlue}{pages(目录)}pages(目录) 1.1. ...
30岁后学oracle还有前途吗,程序员入门学习_程序员30岁后的出路
下面w3cschool给程序员小伙伴们有些程序员学习编程一上来就想着月薪1W+以上,这样的学习过程会非常痛苦,很 0.C++入门学习方法首先要对C++有学习基础语法,熟悉调用各种库函数,这时你便成为 ...
程序员入门第一个程序
程序员入门的第一个程序,也是我写的第一个程序:
小程序开发入门常见小问题-(1)
1.微信小程序轮播图制作轮播图最大的问题就是图片之间的无缝衔接,而在微信小程序中使用swiper组件可以和方便的解决该问题具体实现脚本: wxml:  &l ...
python入门小练习_python入门题目小练
Q1:Return the number (count) of vowels in the given string.We will consider a, e, i, o, and u as vow ...
如何开发微信小程序？(入门须知)
目录小程序的介绍什么是小程序? 小程序可以干什么? 相关资料开始申请帐号安装开发工具第一个小程序编译预览电商小程序案例项目演示目录结构小程序代码构成 JSON 配置小程序配置 a ...
初识小程序 ——微信小程序的入门和使用
一.小程序的介绍在小程序特别火爆的今天,我们一起来了解了解小程序吧.小程序总类一般分为微信小程序.支付宝小程序.头条小程序.百度小程序.QQ小程序,小程序无需下载安装,能达到"触手可及&q ...
微信小程序开发【一】-- 初识小程序
小程序已经火了很久了,一直想学习小程序,苦于工作比较忙,加班比较多没时间,当然这其实都是理由,很多时候习惯了搬砖,习惯了固定的圈子,很难也不想涉足其他的领域,但是也不能老错过一波又一波新鲜的东西吧. ...

微信小程序（2）入门初识小程序