uni-app目录结构


不同方式创建的uniapp项目,默认包含的目录及文件也是不同的。

  • 通过HBuilderX可视化界面创建的:

在uniapp-test1项目下:

components uni-app组件目录,放可复用的组件
pages 业务页面文件存放的目录
static 存放应用引用静态资源(如图片、视频等)的地方,注意:静态资源只能存放于此
App.vue 应用配置,用来配置App全局样式以及监听 应用生命周期
main.js Vue初始化入口文件
mainfest.json 配置应用名称、appid、logo、版本等打包信息,详见
pages.json 配置页面路由、导航条、选项卡等页面类信息,详见
  • 通过vue-cli命令行方式快速创建的:

在my-project项目下:

dist ->build 存放通过build编译的各个平台的代码,如mp-weixin
node_modules 项目依赖包模块
public 放置的为公共文件,比如index.html文件,为项目的生成模板,我们写的vue的代码,在webpack打包项目的时候,最后都会基于该模板转换为浏览器可读的三大件:html+javascript+css
src 存放通过HBuilderX可视化界面创建的的所有目录,为源码目录
.gitignore git上传需要忽略的文件格式
babel.config.js ES6语法编译配置
package.json 项目基本信息
package-lock.json 锁定安装时的包的版本号,并且需要上传到git,以保证其他人在npm install时大家的依赖能保证一致
postcss.config.js postcss-loader 的配置文件名,通过js对 CSS 进行处理
README.md 项目说明
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • ZooKeeper是一个分布式的,开放源码的分布式应用程序协调服务,是Google的Chubby一个开源的实现,是...
    Java架构007阅读 2,331评论 0 4
  • 第一章 Vue概述 what? Vue是实现UI层的渐进式js框架,核心库关注视图层,简单的ui构建,复杂的路由控...
    fastwe阅读 747评论 0 0
  • 基于Vue的一些资料 内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 element★...
    尝了又尝阅读 1,187评论 0 1
  • 在尤大微博铺垫着“将会引入一些关于 TypeScript 的改进”一周之后,代号为 Level E 的 Vue.j...
    极乐叔阅读 14,928评论 0 12
  • 梦想还是要有的,万一哪天实现了呐。
    成林很ok阅读 101评论 0 0