Vue 2.x 文件夹目录

怼烎@ 2022-03-07 19:46 180阅读 0赞

外层目录：

readme              //项目的说明文件
    package.json         //第三方依赖包配置
    package.lock.json    //帮助我们去确定安装的第三方依赖包的具体的版本，保持团队编程的统一
    license             //开源协议的说明
    index.html          //项目默认的首页模版文件
    .postcssrc.js        //对 postcss 的配置项
    .gitignore          //不需要上传到 git 上的文件管理 
    .eslintrc.js        //对写的代码检测是否标准做一个检测
    .eslintignore       //配置不需要 eslintrc 检测工具检测的文件
    .editorconfig       //配置编辑器总风格统一的自动化格式的语法
    .babelrc            //项目写的代码是 Vue 的大文件组件的代码的写法，所以需要通过 babel 这种语法解析器做一些语法上的转换，最终转换成浏览器能够编译执行的代码，babel 需要做额外配置时，就放在文件里面

文件夹

static                  //static 目录放的是静态资源，要用到的静态图片啊或者后续需要模拟的 json 数据
    node_modules                 //项目中需要用到的第三方 node 包
    src                         //放的是项目的源代码
    src/main.js                  //整个项目的入口文件
    src/app.vue                 //整个项目最原始的根组件
    src/router/index.js          //项目的路由放置位置
    src/components               //项目中要用到的小组件
    src/assets                  //项目中需要用到的图片
    config                      //放置项目配置文件
    config/index.js              //放基础配置
    config/dev.ent.js            //开发环境配置信息
    config/prod.ent.js           //线上环境配置信息
    build                      //放置项目打包的 webpack 配置信息，vue-cli 会自动构建
    build/webpack.base.conf.js   //基础的 webpack 配置信息
    build/webpack.dev.conf.js    //开发环境的 webpack 配置信息
    build/webpack.prod.conf.js   //线上环境的 webpack 配置信息