绿色小苹果的入门教程：从0开始创建

发布：2018-01-26 12:09浏览：次来源：网络作者：cola

一：创建第一个小程序

1、创建或导入
绿色小苹果的入门教程：从0开始创建(图1)

目前只有200个内测名额，所以选择无AppID（注：此AppID非公众号或服务号appid）

2、填写完成

quik start 选择此选择会默认创建一个demo, 点击【添加项目】会创建默认的小程序。到此，小程序的创建完成，灰常简单。

3）、quick生成的小程序

二：每个文件的含义

了解一门新的语言一定要了解它的文件，比如 .java是java文件 .txt是文本文件 .html是网页文件 .jpg是图片文件。那么小程序中都有哪些文件呢。

以quick start程序为例，其他程序同理

每个小程序都包括这四种文件
.wxml：是网页文件（同 .html, MVC中的V）
.js：是脚本文件（可以理解成java中的.java文件， MVC中的C）
.json：是配置文件（类似 .xml或者 .pom）
.wxss：是样式表文件（同 .css文件）

其中，每个页面必须包含 .js和 .wxml文件

三：app.js文件

app.js是小程序的脚本代码。我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。

点击查看详细

四：app.json文件

app.json 是对整个小程序的全局配置。我们可以在这个文件中配置小程序是由哪些页面组成，配置小程序的窗口背景色，配置导航条样式，配置默认标题。注意该文件不可添加任何注释（#### 不知道在搞什么，竟然不能添加注释）

点击查看详细

五：app.wxss文件

app.wxss 是整个小程序的公共样式表。我们可以在页面组件的 class 属性上直接使用 app.wxss 中声明的样式规则。如果页面有自己的样式表，则会覆盖公共样式表

用法跟标准css文件无异，支持 .class #id。

点击查看详细

六：.wxml

页面结构文件，用来显示页面。但结构不是标准html的结构，如

><html>
  <head>
      <title>title</title>
  </head>
  <body>
      this is a wxapp
  </body>
</html

这样的标签都是错误的，小程序不支持。微信有自己的一套组件

免责声明：本站所有文章和图片均来自用户分享和网络收集，文章和图片版权归原作者及原出处所有，仅供学习与参考，请勿用于商业用途，如果损害了您的权利，请联系网站客服处理。