vue项目结构

1.build目录 用来存放对项目构建项目配置 用来配置生产环境 测试环境 原始环境

2.config目录 用来修改生产配置 和测试核心目录

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

   index.js--项目配置文件

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

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

3.node_module 目录 用来存放当前项目的js依赖 存放就是目录无序修改

4.src目录 用来存放日后自己开发代码的目录 (重点)

1.asserts目录用来存放所有的静态文件 css,js,img

2.component目录存放公共组件,一个个组件要和路由结合在一起

3.api用来存放axios接口

4.views页面目录

5.router用来配置路由规则,index.js 日后再这个位置修改我们自己的路由规则

6.app.vue 根组件

7.main.js入口js

8.store页面目录

5.static目录存放静态文件

6..babelrc和.editorconfig ,.postcssrc.js 这三个文件都是隐藏文件 将es6语法打包转为es5

7.index.html当前项目唯一页面 单页面应用中唯一入口,这个页面无序做任何修改,打包后就是一个index.html

8.package.json用来管理当前项目中使用的那些前端依赖,相当于后端的maven管理版本,这个实收用来记录,而真正管理的是node_module,日后就算没有nodel_module这个目录,只要有package.json这个文件,执行npm install 就会生成nodule_module这个目录。

vue项目结构_第1张图片

你可能感兴趣的:(vue.js)