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 @   漫漫长路</>  阅读(470)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示