[TOC] >[success] # 项目目录详解 ~~~ vue-cource // 项目名称 |__ node_modules // 项目中的node依赖包 |__ public // public文件夹放公共文件 | |__ favicon.ico // 标签栏的小图标 | |__ index.html // 模板文件，最后打包后的index.html模板就是这个文件 | |__ src // 项目主文件 | |__ api // api文件夹，项目的接口js文件都可以写在这里 | |__ assets // 静态资源（图片、字体图标文件） | | |__ img // 图片文件夹 | | |__ font // 字体图标文件夹 | | | |__ components // 组件 | |__ config // 项目的配置（全局变量js文件） | | |__ index.js | | | |__ directive // vue的自定义指令文件夹 | | |__ index.js | | | |__ lib // 全局方法放在这里 | | |__ util.js // 与业务结合的工具方法 | | |__ tools.js // 与业务无关的工具方法(例如日期转换时间戳方法) | | | |__ mock // 模拟数据文件夹 | | |__ response // 储存模拟数据js的文件夹 | | |__ index.js | | | |__ router // 路由文件夹 | | |__ index.js // 路由配置文件 | | |__ router.js // 拆分出来的routes数组 | |__ store // Vuex配置文件夹 | | |__ module // 模块文件夹 | | |__ plugin // Vuex插件文件夹 | | |__ actions.js // 异步调用接口方法都写在这里 | | |__ getters.js // Vuex的计算属性都写在这里 | | |__ index.js // Vuex主要配置管理文件 | | |__ mutations.js // Vuex中的修改state的方法，都写在这里 | | |__ state.js // Vuex的变量文件夹 | | | |__ views // 页面都写在这个文件夹中 | |__ App.vue // 基础组件 | |__ main.js // 项目入口文件（项目引入全局插件都在这里引入） | |__ .browserslistrc // 浏览器兼容 |__ .editorconfig // 编译器配置文件 |__ .eslintrc.js // 配置ESlint规则文件 |__ .gitignore // git提交的忽略文件 |__ babel.config.js // babel的配置文件，babel可以将es6、es7等等装换成es5兼容的代码 |__ package-lock.json // 锁定安装时的包的版本号，并且需要上传到git，以保证其他人在npm install时大家的依赖能保证一致 |__ package.json // 项目名称、项目版本、项目描述、项目运行的一些脚本（依赖） |__ postcss.config.js // css自动补充一些兼容性代码的配置（-webkit-、-moz-、-ms-之类的） |__ README.en.md // 英文版项目说明 |__ README.md // 中文版项目说明 |__ vue.config.js // 配置文件 ~~~