第三篇 Vue项目目录结构介绍

 1、最外层目录结构

passagerFrontPage
├── .vscode  //vscode配置,不用理会
├── node_modules //项目依赖,npm install命令执行后自动生成
├── public //公共资源存放
├── src //源码
├── tests  //选装:测试模块
├── .gitignore //git工具忽略版本,不用理会
├── index.html //入口html页面
├── package-lock.json
├── package.json //项目信息描述文件,包依赖信息等
├── README.md //项目说明文档
├── vite.config.js //vue配置文件

2、SRC目录结构

vue-demo
├── src
│   └── assets  //静态资源
│   └── components  //公共组件
│   └── plugins  //插件资源
│   └── router  //路由配置
│   └── store  //vuex文件
│   └── views  //视图组件
│   └── App.vue  //根组件
│   └── main.js  //程序入口文件,加载各种公共组件

3、index.html、main.js、App.vue三者关系

index.html引用main.js,main.js引入App.vue组件

相关推荐

  1. node环境Vue项目目录结构介绍

    2024-07-19 14:00:05       26 阅读
  2. Vue3+TypeScript项目目录结构及文件作用

    2024-07-19 14:00:05       24 阅读
  3. Vue.js 目录结构

    2024-07-19 14:00:05       39 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-19 14:00:05       67 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-19 14:00:05       71 阅读
  3. 在Django里面运行非项目文件

    2024-07-19 14:00:05       58 阅读
  4. Python语言-面向对象

    2024-07-19 14:00:05       69 阅读

热门阅读

  1. Python常用的数据分析和可视化库

    2024-07-19 14:00:05       20 阅读
  2. C语言指针的理解

    2024-07-19 14:00:05       18 阅读
  3. Centos---命令详解 vi 系统服务 网络

    2024-07-19 14:00:05       21 阅读
  4. 基于深度学习的数据增强

    2024-07-19 14:00:05       21 阅读
  5. 【题解】StarryCoding P259 好奇怪好奇怪

    2024-07-19 14:00:05       21 阅读
  6. PHP 调用 JD 详情 API 接口:数据获取新途径

    2024-07-19 14:00:05       22 阅读
  7. 使用git提交代码时候出现403怎么解决

    2024-07-19 14:00:05       18 阅读
  8. tensorrt-llm知识

    2024-07-19 14:00:05       18 阅读
  9. 芯片基础 | `wire`类型引发的学习

    2024-07-19 14:00:05       19 阅读
  10. oracle extract的使用

    2024-07-19 14:00:05       23 阅读
  11. mysql、oracle、db2数据库连接参数

    2024-07-19 14:00:05       19 阅读
  12. 什么是TCP/IP协议

    2024-07-19 14:00:05       23 阅读