vue项目目录介绍

Posted huipinpuzi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue项目目录介绍相关的知识,希望对你有一定的参考价值。

尽管vue-cli已经优化了好多配置和目录机构,但是下面的介绍还是有用的。

  • build

    webpack 配置相关
  • config

    webpack 配置相关
  • src
    源码
  • static

    第三方静态资源
  • .gitkeep

    git默认不提交空目录
    放在空目录中,可以使git提交的时候,提交该目录。
  • .babelrc

    babel的配置,es6代码通过babel编译成es5.
    presets预设,表示预先要安装哪些插件;
    plugins,表示要安装的插件,这些插件很有可能互相依赖
  • .editorconfig

    编辑器的配置相关
  • .eslintignore

    忽略语法检查的目录文件
  • .eslintrc.js

    eslint的配置文件
    extends:standard 使用标准的规则,[相关配置](https://github.com/standard/standard)
    rules:可对具体的规则进行修改
  • .gitignore

    git忽略的文件、目录
  • .package.json

    项目的配置文件

以上是关于vue项目目录介绍的主要内容,如果未能解决你的问题,请参考以下文章

Vue介绍和安装,创建项目,组件使用,指令

Vue介绍和安装,创建项目,组件使用,指令

回归 | js实用代码片段的封装与总结(持续更新中...)

Vue项目目录结构介绍

《分布式微服务电商》专题-电商项目前端Vue模块化开发

项目集成 vue-router 和 vuex