从0到一开发微信小程序(2)——开发第一个小程序

文章目录

  • 1、创建项目
  • 2、小程序代码目录介绍
    • 2.1、描述整体的app.*
    • 2.2、描述各自页面的pages下面的目录

1、创建项目

  • 1、打开微信小程序,然后进行登录,就会进入下面页面。

从0到一开发微信小程序(2)——开发第一个小程序_第1张图片

  • 2、点击+号,然后创建一个新项目,按照下方流程选择

从0到一开发微信小程序(2)——开发第一个小程序_第2张图片

  • 3、然后你就会看到一个已经创建好的代码

从0到一开发微信小程序(2)——开发第一个小程序_第3张图片

  • 在微信开发者中,我们可以同时看到编辑器,调试器,页面预览器

从0到一开发微信小程序(2)——开发第一个小程序_第4张图片

2、小程序代码目录介绍

pages下面是不同的页面,它可以有多个,而app.*文件有且仅有一个
从0到一开发微信小程序(2)——开发第一个小程序_第5张图片

2.1、描述整体的app.*

描述整体的小程序有3个文件,分别是app.js,app.json,app.wxss。这三个文件基本上是每个小程序开发都是要有的。

文件 必需 作用
app.js 小程序逻辑
app.json 小程序公共配置
app.wxss 小程序公共样式表

2.2、描述各自页面的pages下面的目录

小程序的页面一般是由4种文件组成,分别是js,json,wxml,wxss,各自的作用如下

文件类型 必需 作用
js 页面逻辑
wxml 页面结构
json 页面配置
wxss 页面样式表

注意:一般建议把这上面的四个文件放到同一个page页面上,防止多次配置出错。

我是zhz小白,一个在互联网行业的小白,立志成为一名架构师
https://blog.csdn.net/zhouhengzhe?t=1

你可能感兴趣的:(微信小程序,微信小程序,小程序)