-
当我们把项目文件夹用
vscode
等软件打开会发现很多文件。> node_modules -> 依赖包文件 > pubilc -> 公共静态资源 index.html -> 网页模板 > src -> 页面代码 > assets -> 静态资源 > components -> 组件 > network -> 封装的网络请求 > router -> 路由 > store -> vuex状态管理 > views -> 页面 App.vue -> 主vue模板 main.js -> 全局配置 .browserslistrc -> 适配的浏览器 .eslintrc -> 规范代码格式 .gitignore -> git上传忽视文件 babel.config.js -> babel配置文件 jsconfig.json -> 配置js属性和路径别名等信息 package-lock.json -> 实际项目的依赖等信息 package.json -> 项目依赖配置等信息 README.md -> 项目介绍文档 vue.config.js -> vue配置文件
| -- node_modules -> 依赖包文件 | -- pubilc
Vue项目 目录结构
于 2022-07-21 11:26:28 首次发布
本文介绍了Vue项目的目录结构及其工作原理。通过页面引用组件,App.vue整合页面,main.js挂载到DOM,解释了Vue代码如何渲染到页面上。启动项目时,使用命令行工具运行指令启动。每个.vue文件作为模板组件,有的作为组件,有的作为网页,彼此相互引用。
摘要由CSDN通过智能技术生成