免费试用

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

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

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

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

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

![新建项目弹窗](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-23
百度小程序开发常用方法有哪些
百度小程序是一种基于百度生态系统的轻量级应用开发平台,可以在百度搜索、百度 App 和其他百度生态系统中使用。它使用类似于 Web 开发的技术栈(HTML、CSS、JavaScript),但是有一些特定的 API 和功能。在本篇文章中,我将介绍一些百度小程
2023-08-23
python和uniapp哪个开发小程序
Python和Uniapp都可以用来开发小程序,但是两者的开发原理以及使用场景有所不同。Python小程序开发原理:Python语言是一种通用型高级编程语言,它可以用于开发各种应用程序,包括小程序。Python语言有一个非常强大的Web框架——Django
2023-08-09
macbook可以开发小程序吗
MacBook是苹果公司生产的笔记本电脑,主要运行苹果操作系统(MacOS)。苹果公司同时也是另一个被称作小程序的应用程序平台——微信小程序的创造者。虽然MacBook是苹果公司的产品,但是小程序并不是MacOS的核心功能,相应地不能很方便地在MacBoo
2023-08-09
bmob开发微信小程序
Bmob是一款提供后端服务的云平台,可帮助开发人员构建基于云端的应用。Bmob支持多种开发环境,包括微信小程序。在本文中,将介绍如何使用Bmob开发微信小程序并讲解其原理。一、Bmob微信小程序使用Bmob开发微信小程序有两种方式:1.原生方式Bmob提供
2023-08-09
app开发小程序收费
随着小程序越来越受欢迎,越来越多的人开始考虑开发小程序,其中很多人都会问一个问题:小程序开发是否需要收费?如果需要收费,收费是按照什么标准计算?下面我们就来介绍一下小程序开发收费原理。首先,小程序开发分为两个方面:小程序前端开发和小程序后端开发。小程序前端
2023-08-09
app小程序开发焦作
随着移动互联网的快速发展,移动应用已成为人们生活中必不可少的一部分。而小程序作为移动应用的新兴形式,逐渐受到用户的喜爱。小程序依托于微信开发者平台,开发成本低,运营方便,用户体验好,非常受欢迎。本文将介绍小程序开发的原理和基本步骤,以及其在焦作开发的应用。
2023-08-09
app和小程序到底选择开发啥
移动应用程序(App)和小程序都是现在用户使用最频繁的移动应用工具,两者的功能有相同点,也有不同点。因此,在创建移动应用程序之前,您需要谨慎考虑一些因素。下面我将从以下几个方面介绍app和小程序的区别和选择。一、概念和定义App(Application,简
2023-08-09
gui打包exe
GUI打包EXE详细介绍:图形用户界面(GUI)可以提高用户与程序交互的友好程度。而将包含GUI的程序打包成一个可执行文件(exe)对于开发者来说非常重要。这使得用户无需安装任何依赖项,即可方便地在各种平台上运行应用程序。本文将介绍GUI打包EXE的原理以
2023-05-26
小程序开发工具的价格
小程序已经广泛应用于各大公司和个人的生产和生活中,而要想开发出一个满意的小程序,就需要选择一款优秀的小程序开发工具。本文将详细介绍小程序开发工具的价格原理及相关细节。一、小程序开发工具的分类目前市场上存在多种小程序开发工具,主要分为IDE型和非IDE型两大
2023-05-26
融媒云商小程序开发工具
融媒云是一家全面覆盖互联网信息服务,为企业提供综合数字营销服务的企业。融媒云商小程序开发工具是其推出的一款服务,旨在帮助中小企业快速上线营销小程序,提高企业的销售额。融媒云商小程序开发工具基于微信原生开发框架,为企业提供了全方位、全流程的自助建站和在线营销
2023-05-26
日喀则小程序开发工具
日喀则小程序开发工具是一种将微信小程序开发框架与日喀则音视频技术相结合的开发工具。日喀则是一款在中国了解度颇高的音视频云服务,提供了许多丰富的音视频处理功能。在使用日喀则小程序开发工具之前,您需要具备一定的编程基础和对微信小程序的熟悉程度。日喀则小程序开发
2023-05-26