免费试用

跨平台小程序在线开发工具,用做网页的技术做小程序,兼容微信、支付宝、抖音、快手、百度等主流小程序平台!

最新版小程序开发工具初始化目录

小程序开发工具是开发微信小程序的必备工具,每次新开发一个小程序时都需要进行初始化目录。初始化目录是指创建新的小程序工程,建立工程目录和文件,以供后续的开发工作。本篇文章将详细介绍最新版小程序开发工具如何进行初始化目录的操作。

首先,打开最新版小程序开发工具,点击首页上的“新建项目”按钮。

接着出现了一个新建项目的弹窗,在这个弹窗中需要填写相应的信息。如下图所示:

![新建项目弹窗](https://img-blog.csdnimg.cn/20220103152301155.png)

项目名称:填写项目名称;

项目目录:选择项目的存放路径;

AppID:小程序的唯一标识符,这个需要在微信公众平台上创建小程序后获取;

测试号信息:填写小程序的测试号或者正式号,也需要在微信公众平台上获取。

填写完上述信息后,点击“创建”按钮,等待一段时间,小程序初始化目录就完成了。初始化完成后,小程序开发工具会自动打开编辑器界面。

小程序工程目录结构

初始化完成后,工程目录将会被创建,该目录包含开发代码和配置文件。下面是小程序工程目录的结构:

| --app.js //小程序逻辑代码

| --app.json //小程序的公共配置,如全局样式、标题栏的设置等

| --app.wxss //小程序的公共样式表文件

| --project.config.json //项目相关的配置文件,如框架、插件、编译配置等

| --pages //小程序页面目录

| --index //小程序页面1目录

| --index.js

| --index.json

| --index.wxml

| --index.wxss

| --logs //小程序页面2目录

| --logs.js

| --logs.json

| --logs.wxml

| --logs.wxss

| --utils //小程序工具目录

| --util.js

其中,app.js、app.json 和 app.wxss 是小程序的公共文件,作用如下:

app.js:小程序的逻辑程序,可以修改小程序的全局状态。比如修改标题栏、设置状态栏样式等。

app.json:小程序的公共配置文件,可以统一管理小程序的颜色、导航栏等样式,简化开发流程。

app.wxss:小程序的全局样式表。

pages 目录则是管理小程序页面的目录。每个子目录都表示一个小程序页面。以页面目录 index 为例,其结构如下:

index/

├── index.js

├── index.json

├── index.wxml

└── index.wxss

其中,index.js 是页面的逻辑文件;index.json 是页面配置文件,用于设置页面相关的属性和事件等;index.wxml 是页面的结构文件;index.wxss 是页面的样式文件。

utils 目录用于存放小程序的工具类,例如对于后端接口进行封装的 API 类或者基础工具类。在小程序中使用此类时,只需要引入对应的 js 文件,即可使用。

project.config.json 文件记录了小程序的一些基础配置,比如小程序所使用的基础库版本、appid、项目名称、项目描述等。

最后,需要注意的是,小程序工程目录结构会随着小程序的不同开发需求而不断变化。开发者在开发过程中,可以根据需要自行添加文件和目录。但是需要注意不要随意修改小程序的公共文件和目录的基本结构,否则可能会导致小程序无法运行。

本文介绍了最新版小程序开发工具如何进行初始化目录的操作以及小程序工程目录结构的基本情况。通过本文可以清晰了解小程序的目录结构,以及动态修改其中一些基础配置的方法。可以帮助不同级别的开发人员快速上手开发小程序。


相关知识:
安徽健身类小程序开发公司
随着健康意识的提高,越来越多的人开始注重健身锻炼。特别是在城市里,人们的生活节奏非常快,很多人都没有时间去健身房打卡,健身类小程序应运而生。安徽有许多健身类小程序开发公司,接下来我们来了解一下健身类小程序的开发原理和安徽健身类小程序开发公司的详细介绍。一、
2023-08-09
安庆市开发区实验学校小程序怎么报名
安庆市开发区实验学校是安徽省安庆市开发区管委会属下一所中小学,该学校致力于提供专业的教育服务,为学生们提供更好的学习环境和条件。此外,安庆市开发区实验学校也充分利用现代化科技手段,为学生们提供了一个基于微信生态的小程序,在这个小程序上,家长们可以查看孩子们
2023-08-09
安宁个人开发小程序
安宁个人开发小程序是指由个人或小团队开发的基于微信开发者工具的小程序。微信小程序的开发工具提供了一套完整的开发框架,支持开发者进行公众号、小程序等相关的应用开发。安宁个人开发小程序需要遵守微信小程序开发规范和微信公众平台的相关政策和法律法规。安宁个人开发小
2023-08-09
安卓微信小程序怎么开发
安卓微信小程序是一种基于微信内嵌浏览器的轻量级应用开发方案,可以在微信平台中跨设备、跨系统进行应用开发,实现快速开发、便捷分发的目的。下面我将为大家讲解安卓微信小程序的开发原理和详细介绍。一、开发原理安卓微信小程序采用的是wxml + wxss + js的
2023-08-09
unity可以开发微信小程序嘛
Unity是一款流行的游戏引擎,可以用于开发各种类型的游戏和应用程序,包括3D游戏和2D游戏。但是,Unity并不是一个用于开发微信小程序的前端框架,因为微信小程序是基于HTML5、CSS和JavaScript的。但是,你可以通过以下步骤使用Unity来开
2023-08-09
magento开发小程序
Magento 是一个开源的电子商务平台,可以用于建立网站。在过去的几年中,手机APP和微信小程序已经成为了电子商务的必须品。所以,为了更好地推广电子商务业务,Magento 开始支持小程序的开发。Magento 和小程序的结合,使得商家能够更加方便地管理
2023-08-09
app微信小程序快速开发模板
微信小程序是近年来兴起的一种轻量级应用程序,它的出现,不仅满足了用户对于轻量级应用程序的需求,同时也满足了开发者快速开发轻量级应用程序的需求。在微信小程序开发中,通过使用开发模板,可以让开发者快速创建一个应用,并且遵循开发规范,这为快速开发一个高质量的应用
2023-08-09
js开发exe程序
在本教程中,我们将讨论如何使用 JavaScript 开发 EXE 程序。尽管 JavaScript 本身是一种客户端脚本语言,主要用于浏览器进行脚本编写,但借助一些框架和工具,我们可以将其用于桌面应用程序开发。本篇文章将对使用 Electron 框架构建
2023-05-26
新余小程序开发工具与时俱进
近年来,小程序的崛起引起了人们的广泛关注,同时也推动了小程序开发工具的技术创新。新余小程序开发工具作为开发小程序的必备工具之一,也在不断的发展壮大,不断更新,以适应市场需求,提高小程序开发效率,为用户提供更好的用户体验。本文将从技术原理和详细介绍两个方面来
2023-05-26
小程序开发工具与版本
小程序开发工具概述开发小程序需要使用小程序开发工具,小程序开发工具是一款由微信官方推出的开发环境,提供各种工具和服务支持开发者快捷便利地开发、调试和发布小程序。它可以帮助开发者快速搭建程序框架、编辑代码、模拟运行效果、编译、上传等一系列工作。小程序开发工具
2023-05-26
江西汽车美容小程序开发工具
江西汽车美容小程序是一款运用云计算技术、小程序开发工具,以汽车美容服务为主题,实现高效简便的线上预约、服务、付款的小程序。目前在江西省范围内处于领先地位,为许多车主提供了优质便捷的汽车美容服务。一、开发工具1.1 微信开发者工具微信开发者工具是小程序开发的
2023-05-26
湖北自助洗车小程序开发工具
近年来,随着人们对环保意识的不断提高,自助洗车业务得到了快速的发展。与此同时,小程序的兴起也使得自助洗车业务更加方便快捷。本文将介绍湖北自助洗车小程序的开发工具,来帮助读者更好地了解和使用该小程序。一、湖北自助洗车小程序简介湖北自助洗车小程序是一款由湖北洗
2023-05-22