vue-cli目录结构解析

build/ // 项目构建(webpack)相关代码 

         build.js // 生产环境构建代码 

         check-versions.js // 检查node&npm等版本 

         utils.js // 构建配置公用工具 

         vue-loader.conf.js // vue加载器 

         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 // 测试环境变量

dist/ //npm run build打包后生成的文件夹

node_modules/

    ...    // 项目依赖的模块

src/ // 源码目录 

         assets/ // 资源目录 logo.png

        components/        // vue公共组件       eg:Footer.vue,Head.vue

        pages (或views)/    //视图       eg: login/Index.vue

        router/            // 前端路由        index.js// 路由配置文件    

        store/             // vuex的状态管理    

        App.vue// 页面入口文件(根组件)    

        main.js// 程序入口文件(入口js文件

static // 静态文件,比如一些图片,json数据等

         .gitkeep //这个里面的gitkeep是这个目录为空,也可以把这个目录提交的git仓库里面,因为通常一个空目录是不能提交git仓库里面的.

.babelrc// ES6语法编译配置

.editorconfig// 定义代码格式

.gitignore// git上传需要忽略的文件格式

index.html// 入口页面

package.json// 项目基本信息

README.md// 项目说明

vue-cli目录结构及说明 - adoctors - 博客园     详解

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容