2023年vue项目目录结构说明

# 2023年vue项目目录结构说明

本文主要介绍了一个标准的vue项目的目录结构，方便初学者理解vue项目的组成部分。具体如下：

- build文件夹：用于存放webpack相关配置和脚本。
- config文件夹：主要存放配置文件，比如配置开发环境的端口号，开启热加载或开启gzip压缩等。
- dist文件夹：默认命令打包生成的静态资源文件。
- node_modules文件夹：存放npm命令下载的开发环境和生产环境的依赖包。
- src文件夹：存放项目源码及需要引用的资源文件。
    - assets文件夹：存放项目中需要用到的资源文件，如css、js、images等。
    - comp.Nets文件夹：存放vue开发中一些公共组件。
    - emit文件夹：自己配置的vue集中式事件管理机制。
    - router文件夹：vue路由的配置文件。
    - service文件夹：自己配置的vue请求后台接口方法。
    - page文件夹：存在vue页面组件的文件夹。
    - util文件夹：存放vue开发过程中一些公共的js方法。
    - vuex文件夹：存放vuex为vue专门开发的状态管理器。
    - app.vue：整个工程的vue根组件。

以上是一个标准的vue项目目录结构，希望能对vue初学者有所帮助。