vue原始文件夹1.png vue原始文件夹2.png 1.build文件夹:构建脚本目录,是用于打包配置的文件夹 1.1 build.js 生产环境构建脚本,用于构建生产版本,项目开发完成后,通过build.js打包(加载base与prod,读取完之后通过webpack命令对项目进行打包) 1.2 utils.js 工具类,公共的配置,用于构建相关工具方法 1.3 vue-loader.conf.js 被base加载 1.4 webpack.base.conf.js webpack基础配置(核心配置) 1.5 webpack.dev.conf.js webpack开发环境配置 1.6 webpack.prod.conf.js webpack生产环境配置 2. config文件夹:项目配置(开发环境、测试环境、生产环境、ip地址及端口配置等) 2.1 dev.env.js 开发环境变量 2.2 index.js 项目配置文件(ip地址及端口配置等) 2.3 prod.env.js 生产环境变量 2.4 test.env.js 测试环境变量 3. src文件夹:源码目录,主要编写代码的地方 3.1 assets文件夹 静态资源放置,包括公共的css文件、js文件、iconfont字体文件、img图片文件及其他资源类文件。(这里的资源会被webpack构建) 当在组件的css标签中添加‘scoped’时,其作用范围是该组件及调用它的父组件中 3.2 components文件夹 放置通用的模块组件 3.3 router文件夹 index.js是路由设置文件 3.4 App.vue 入口组件,pages中的组件插入到该组件中,然后该组件插入到index.html中 3.5 main.js 入口js文件,影响全局、作用是引入全局使用的库、公共样式及方法、设置路由等 4. static文件夹: 纯静态资源,不会被webpack构建 5. test文件夹:测试文件目录——unit、e2e文件夹:单元测试 5.1 index.js 入口脚本 5.2 karma.conf.js karma配置文件 5.3 specs 单测case目录