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