Vue的最最全的目录构成

Vue的最最全的目录构成及文件说明

 node_modules 模块(插件)

 public/static 静态目录所有的不需要编译的静态资源都会放在这个里面(图片,外部的css,外部的js)

 --src 源 各种各样的内容 需要编译的或者是自己写的内容

 ---assets 放的都是自定义的css和js scss 也有的有img 和 fonts

 还会有core或者lib或者template或者....

 ---components 组件的 也可能会有core或者lib或者template或者....

 ---router 路由

 ---store 首页入口的js文件 数据库文件 Vuex的常用变量 数据操作 getters引用文件....

 ---views 页面目录

 ---App.vue

 ---main.js

 RADEME.md 项目介绍

 index.html 入口index页面

 dist bulid后目录

 bulid 构建脚本目录

 --build-server.js 运行本地构建服务器

 --build.js 生产环境构建脚本

 --dev-client.js 开发服务器热重载脚本,实现开发阶段的页面自动刷新

 --dev-server.js 运行本地服务器

 --utils.js 构建工具方法

 --webpack.base.conf.js webpack基础配置

 --webpack.dev.conf.js webpack开发环境配置

 --webpack.prod.conf.js webpack生产环境配置

 config 项目配置

 --dev.env.js 开发环境变量

 --index.js 项目配置文件

 --prod.env.js 生产环境变量

 --test.env.js 测试环境变量

 mock 前后端分离mock.js mock的数据(模拟的假的)

 package.json npm的包配置文件,定义了项目npm脚本,依赖包信息

src一般目录

src 源码目录

 --main.js 入口js文件

 --app.vue 根组件

 --components 公共组件目录

 --assets 资源目录,会被webpack构建

 ---css

 ---js

 ---logo.png

 ---....

 --router 前端路由

 ---index.js

 --store 应用级数据

 ---index.js

 ---....

 --views 页面目录

 ---hello.vue

 ---about.vue

 ---....

 static/public 静态资源,不会被webpack构建

 ---css

 ---js

 ---img

 ---....

 test 测试文件目录(unit&&e2e)

 ---unit 单元测试

 ----index.js 入口脚本

 ----karma.conf.js karma配置文件

 ----specs 单测case目录

 -----hello.specs.js