Vue 文件目录结构详解

  • build  构建脚本目录

    • build.js                  生产环境构建脚本
    • check-versions.js  检测node.js和npm版本
    • logo.png      vue默认图片
    • utils.js       构建相关工具的方法
    • vue-loader.conf.js  加载器
    • webpack.base.conf.js webpacke基础配置
    • webpack.dev.conf.js   wabpack开发环境配置
    • webpack.prod.conf.js wabpack生产环境配置
  • config  项目配置
    • dev.env.js    开发环境变量
    • index.js        项目配置文件
    • prod.env.js  生产环境变量
    • test.env.js   测试环境变量
  • node_modules  npm加载的项目依赖模块
  • src    源码目录(开发目录)
    • assets    资源目录,这里的资源会被wabpack构建,放图片等信息
    • components     公共组件目录
    • routes              前端路由
    • App.vue      根组件
    • main.js     入口js文件
  • static    纯静态资源,不会被wabpack构建。
  • test      测试文件目录(unit&e2e)
  • .babelrc     es降级
  • .editorconfig 编辑配置项 
  • .gitignore   git打包所忽略的文件
  • .postcssrc.js 管理GitHub
  • index.html  入口页面
  • package-lock.json npm包配置文件,里面定义了项目的npm脚本,依赖包等信息
  • package.json  安装的包的版本
  • README.md   项目介绍

原文地址:https://www.cnblogs.com/zhm001/p/11693173.html

时间: 2024-07-30 13:36:02

Vue 文件目录结构详解的相关文章

Linux下的文件目录结构详解

Linux下的文件目录结构详解 / Linux文件系统的上层根目录 /bin 存放用户可执行的程序 /boot 操作系统启动时所需要的文件 /dev 接口设备文件目录,例如:had表示硬盘 /etc 有关系统设置与管理的文件 /home 一般用户的主目录或者FTP站点管理目录 /mnt 装置的文件系统加载点,例如:光驱.软盘等... /proc 目前系统核心与程序执行的信息. /root 管理员的主目录 /sbin 此目录存放系统启动时所需要执行的程序 /tmp 用来存放暂存盘的目录 /usr

Linux文件目录结构详解

整理自<鸟哥的私房菜> 对于每一个Linux学习者来说,了解Linux文件系统的目录结构,是学好Linux的至关重要的一步.,深入了解linux文件目录结构的标准和每个目录的详细功能,对于我们用好linux系统只管重要,下面我们就开始了解一下linux目录结构的相关知识. 当在使用Linux的时候,如果您通过ls –l / 就会发现,在/下包涵很多的目录,比如etc.usr.var.bin ... ... 等目录,而在这些目录中,我们进去看看,发现也有很多的目录或文件.文件系统在Linux下看

oracle 10g文件目录结构详解

一个典型的oralce目录结构如下: /u01└── oracle    ├── admin (数据库管理文件位置,以实例划分)    │   ├── mydb    │   │   ├── adump (审计信息)    │   │   ├── bdump (后台进程跟踪文件)    │   │   ├── cdump (信息转储文件core dump)    │   │   ├── dpdump (存放登录信息)    │   │   ├── pfile (初始化参数文件)    │   │

Nuxt.js学习(二) --- Nuxt目录结构详解、Nuxt常用配置项、Nuxt路由配置和参数传递

[TOC] 1.Nuxt目录结构详解 Nuxt项目文件目录结构 |-- .nuxt // Nuxt自动生成,临时的用于编辑的文件,build |-- assets // 用于组织未编译的静态资源入LESS.SASS 或 JavaScript |-- components // 用于自己编写的Vue组件,比如滚动组件,日历组件,分页组件 |-- layouts // 布局目录,用于组织应用的布局组件,不可更改. |-- middleware // 用于存放中间件 |-- pages // 用于存放

PHP扩展代码结构详解

PHP扩展代码结构详解: 这个是继:使用ext_skel和phpize构建php5扩展  内容 (拆分出来) Zend_API:深入_PHP_内核:http://cn2.php.net/manual/zh/internals2.ze1.php 我们使用ext_skel创建扩展 hello_module,该模块包含一个方法:hello_world. 使用ext_skel 生成的代码都是PHP_开头的宏, 而不是ZEND_开头. 实际上这两者是一样的. 在源代码src/main/PHP.h 中发现:

logback教程(2) Logback结构详解

长话短说:LogBack的结构 为了适用不同的环境,logback的基础结构符合常规. logback分为三个模块: logback-core,logback-classic以及logback-access. 1 >核心模块(core)为其他两个模块提供基础. 2 >classic模块继承自core.classic模块很明相当于log4j的增强版. 3 >Logback-classic原生的继承自SLF4J API因此你可以很容易的在LogBack和其他像日志系统比如log4j或java

Windows GPT磁盘GUID结构详解

前一篇Windows磁盘MBR结构详解中我们介绍了Basic Disk中的Master Boot Record结构.GPT Disk作为Windows 2003以后引入的分区结构.使用了GUID分区表结构,它与MBR相比好处是支持更大和更多的分区,提高容错.本文介绍了GUID分区表的结构和各个字段的含义. GPT Disk 的Protective MBR: GPT Disk的结构中,第一个LBA位置(LBA 0)存放的是Protective MBR,随后LBA1的位置才是GPT的GUID分区表头

IPv4头部结构详解

IPv4头部结构详解 以下为书中原文摘录:

微赞微擎手动增加模块数据库表结构详解

微赞微擎手动增加模块数据库表结构详解 有时候微擎或微赞的模块没有安装模块的xml文件,那我们先想安装到自己的系统上,要怎么处理呢,下面我们详细的介绍下步骤,个人能力有限,如有不正确之处,敬请谅解~ 1.模块的代码复制 这个就不用多说了吧,当然需要把相应的addons文件夹里的模块复制到自己系统的目录里,不然不要做一下的事情了 2.数据库表结构修改 代码复制过来,如果有相应的xml安装包或者install.php文件,可以直接安装,但是我们这里讲的是没有,那只能把原来要复制的表结构记录复制过来,插