Vue项目代码结构简单介绍

  1. README.md                 项目的说明文件
  2. package.json              有很多依赖包,在开发项目的时候,很模块的依赖
  3. package-lock.json         可以确定已经安装的第三方包具体版本,保证团队的一个统一。
  4. LICENSE                   开源协议说明
  5. index.html                项目首页默认的一个模板文件
  6. .postcssrc.js              对postcss的一个配置项
  7. .gitignore                 使用git的时候把我们的代码上传到线上,有些特殊的文件不希望把他传到线上
  8. eslintrc.js                代码规范
  9. gitlintignore              比如/build /,这些文件夹不受eslint检测
  10. editorconfig               帮助配置编译器里面的一些语法
  11. .babelrc                    Vue里面的项目是单文件的写法,需要通过babel这些语法解释器来作一些语法的转换,最终转换成浏览器能够编译执行的语法
  12. static目录                  放的是一些静态资源,比如图片,模拟的json数据
  13. node_modules目录             放项目依赖的依赖第三方包(不用管)
  14. src目录                      放项目源代码。 里面的main.js,项目的入口文件,App.vue项目最原始的根组件,路由在router文件夹下的index.js文件,compones我们需要的一些小组件,assets目录是我们需要的一些资源
  15. config目录                  放我们项目的配置文件,基础的配置信息放在index.js,开发环境的配置信息在dev.env.js,线上的配置环境信息在prod.env.js
  16. build目录                   项目打包的webpack一些配置内容base,dev,prod,基础,开发,线上,打包过程中的一些额外的配置build.js

                                   src目录为主,其他很少用到

posted @ 2020-10-14 05:03  漫漫长路</>  阅读(456)  评论(0编辑  收藏  举报