![[The AI Show Episode 146]: Rise of “AI-First” Companies, AI Job Disruption, GPT-4o Update Gets Rolled Back, How Big Consulting Firms Use AI, and Meta AI App](https://www.marketingaiinstitute.com/hubfs/ep%20146%20cover.png)
![[FREE EBOOKS] Offensive Security Using Python, Learn Computer Forensics — 2nd edition & Four More Best Selling Titles](https://www.javacodegeeks.com/wp-content/uploads/2012/12/jcg-logo.jpg){kind=logo}
![Ditching a Microsoft Job to Enter Startup Purgatory with Lonewolf Engineer Sam Crombie [Podcast #171]](https://cdn.hashnode.com/res/hashnode/image/upload/v1746753508177/0cd57f66-fdb0-4972-b285-1443a7db39fc.png?#)
.jpg?width=1920&height=1920&fit=bounds&quality=70&format=jpg&auto=webp#)
-xl.jpg)
![New iPad 11 (A16) On Sale for Just $277.78! [Lowest Price Ever]](https://www.iclarified.com/images/news/97273/97273/97273-640.jpg)
![Apple Foldable iPhone to Feature New Display Tech, 19% Thinner Panel [Rumor]](https://www.iclarified.com/images/news/97271/97271/97271-640.jpg)
uniapp开发HarmonyOS NEXT应用之项目结构详细解读
昨天的文章介绍了使用uniapp跨平台鸿蒙应用时如何配置开发环境和运行调试项目,今天介绍一下uniapp项目目录的结构。 可能对于从事移动开发的友友来说，uniapp的项目结构看起来有一些陌生，它更接近于前端项目，新建的uniapp项目结构是这样的： 上面的两个文件夹pages中存放的是项目的页面，static则是存放静态资源的文件。 打开pages文件夹，可以看到项目初始化的index文件，这就是项目的初始化页面，里面有一个简单的Hello World项目代码，运行项目的时候可以看到。 继续往下面看，App.vue文件打开可以看到它里面存放了项目的生命周期函数，比如项目启动、项目退出等等。 index.html相当于项目的根页面，它虽然也属于页面，但是在uniapp中通常是不需要大家修改的，因为可以看到里面有一个id是app的容器，我们在项目中写的所有代码最终都会注入到这个容器中。 Main.js是整个项目的核心入口文件，负责初始化Vue实例和全局配置 Manifest.json中存放了项目的各种配置文件，项目的名称、版本、描述、各个平台的的运行配置都在这里。 Pages.json中存放了项目中所有的页面路径和全局样式，尝试在globalStyle中的样式做一些修改，项目的全局样式就会被改变。而当新建了一个页面时，也会在这里自动注册。 最后的uni.scss文件，打开可以看到它已经给出了解释，这里是uni-app内置的常用样式变量。 以上就是uniapp项目初始化后的项目结构，还没结束，当我们运行项目后，还会新增unpackage目录，打开可以看一下是不是很熟悉，编译器把uniapp项目编译成了鸿蒙项目，这就是跨平台开发的运行原理。 以上就是对uniapp项目结构的详细解读。经历了两天的项目环境搭建和介绍，接下来的教程我们会进入到正式的跨平台开发编码环节，欢迎您持续关注。
昨天的文章介绍了使用uniapp跨平台鸿蒙应用时如何配置开发环境和运行调试项目,今天介绍一下uniapp项目目录的结构。
可能对于从事移动开发的友友来说，uniapp的项目结构看起来有一些陌生，它更接近于前端项目，新建的uniapp项目结构是这样的：
上面的两个文件夹pages中存放的是项目的页面，static则是存放静态资源的文件。
打开pages文件夹，可以看到项目初始化的index文件，这就是项目的初始化页面，里面有一个简单的Hello World项目代码，运行项目的时候可以看到。
继续往下面看，App.vue文件打开可以看到它里面存放了项目的生命周期函数，比如项目启动、项目退出等等。
index.html相当于项目的根页面，它虽然也属于页面，但是在uniapp中通常是不需要大家修改的，因为可以看到里面有一个id是app的容器，我们在项目中写的所有代码最终都会注入到这个容器中。
Main.js是整个项目的核心入口文件，负责初始化Vue实例和全局配置
Manifest.json中存放了项目的各种配置文件，项目的名称、版本、描述、各个平台的的运行配置都在这里。
Pages.json中存放了项目中所有的页面路径和全局样式，尝试在globalStyle中的样式做一些修改，项目的全局样式就会被改变。而当新建了一个页面时，也会在这里自动注册。
最后的uni.scss文件，打开可以看到它已经给出了解释，这里是uni-app内置的常用样式变量。
以上就是uniapp项目初始化后的项目结构，还没结束，当我们运行项目后，还会新增unpackage目录，打开可以看一下是不是很熟悉，编译器把uniapp项目编译成了鸿蒙项目，这就是跨平台开发的运行原理。
以上就是对uniapp项目结构的详细解读。经历了两天的项目环境搭建和介绍，接下来的教程我们会进入到正式的跨平台开发编码环节，欢迎您持续关注。
