Vue文件夹目录结构

首先通过【Vue-cli 3.x】创建vue项目 创建一个Vue项目。

image

以上是项目的目录结构

如果资源管理器中打开，会看到一个隐藏文件

image

### 目录说明

*   .git：方便开发者把项目传到远端仓库。

*   node_modules：项目所有依赖的包文件，比如vue-router、vuex等插件都会下载到这个文件夹里面

*   public：本地服务器的文件夹（其实是访问里面的index.html）

    *   favicon.ico：项目的图标
    *   index.html：首页
*   src：工作目录（主要写代码的地方）

    *   assets：放入静态资源（图片、css）
    *   components：组件的存放位置
    *   App.vue：根组件
    *   main.js：项目的全局配置
*   .gitignore：不需要上传到git仓库中的文件配置

*   babel.config.js：有关babel的配置（比如es6转es5等相关配置）

*   package.json：项目的基本配置说明

*   package-lock.json：安装时的包的版本号，并且需要上传到git，以保证其他人在npm install时大家的依赖能保证一致

*   README.md：项目说明文件（开发者书写自己项目的说明）