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目录为主,其他很少用到
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现