如何创建项目

您可以使用注册小程序时使用的微信账号扫描二维码，登录“微信开发者工具”，开始创建小程序项目。 “微信开发者工具”支持小程序、小游戏、代码片段、公众号网页项目的开发。默认选择小程序。程序。

​点击右侧空白处的“+”号，可以创建新项目或导入现有项目。这是我们注册小程序时得到的（进入小程序管理页面，找到左侧菜单栏的“开发”选项，点击进入该栏目，点击选项卡中的“开发设置”选项即可看到属于我们），也可以使用其他默认值。

​小程序目录结构

创建项目后，我们可以得到如下所示结构的文件目录。右边写着对应的目录和文件介绍。小程序的主体至少需要app.js和app.json两个文件，并且必须放在项目的根目录下（文件名也必须是app）。 app.wxss是一个全局样式表，主要用于美化视觉风格。 ，即使没有它也可以实现该功能。小程序页面由四个文件组成，分别定义了页面的结构、风格、功能逻辑和配置信息。

应用程序.js 文件

每个小程序都需要调用app.js中的App方法（名称不能更改）来注册小程序实例。可以说这个文件就是小程序的入口文件。同时，该文件还用于定义小程序的全局数据和功能，对小程序的整个生命周期进行控制和监控。定义的函数和数据全局共享，其他页面可以直接使用全局函数和数据。生命周期函数可以针对不同的场景调用不同的生命周期函数，比如（监听小程序初始化）、（监听小程序显示）、（监听小程序隐藏）等。这里需要注意的是App()必须注册在app.js中并且只有一个App实例。通过该方法可以获取全局唯一的App实例，但不要在App()函数中调用()方法。用这个来获取它。到应用程序实例。

应用程序.json 文件

该文件是一个json对象，用于小程序的全局配置（该文件中不能有注释）。它可以配置页面路径、窗口性能、选项卡导航、网络超时和模式。该对象用于配置小程序中的所有页面路径（该对象是一个数组，第一个是小程序的首页）。页面路径不是必需的。如果写入任意后缀，系统会自动加载同名的.json、.js、.wxml、.wxss文件。该对象用于设置小程序的窗口表现，包括状态栏、导航栏、标题、窗口背景色等。该对象用于设置标签导航，即小程序底部的菜单栏窗口，可以快速切换页面。

WXML 文件

WXML 是一组类似 HTML 的标记语言，用于构建页面结构。虽然标签与 HTML 略有不同，但它们的用法基本相同。它们还具有与 Vue 框架类似的功能，支持列表循环、条件渲染、模板引用和数据绑定等功能。完整的 WXML 语句由开始标记和结束标记组成。该标签可以是内容或其他 WXML 标签。这里需要注意的是，WXML要求标签必须严格封闭。不关闭它们将导致编译错误。

WXSS 文件

WXSS 是一种用于描述 WXML 组件样式的样式语言。通过定义WXSS来控制页面的渲染风格，它类似于HTML中的CSS功能（WXSS具有CSS的大部分功能，并且在CSS的基础上进行了扩展和修改）。 app.wxss与页面中的.wxss文件的区别在于，它的作用范围是全局的，而页面中的.wxss文件只能作用于当前页面。

总结：

这些文件是小程序中比较重要的文件。如果你理解它们，你就可以创建一个简单的小程序。其他的可以在后续的学习中慢慢学习。以上内容是小​​编分享的微信小程序实用002：小程序的目录结构和重要文件详解。希望对您有所帮助。如果您有任何疑问，请给我留言，编辑会及时回复您。