vue项目--认识一下vue-cli的目录情况（一）

建立vue-cli的项目

在这里我是用的HBuilder的编辑器来做的，本身就有新建项目为vue-cli的功能，于是乎开始创建：

在当前的项目文档管理器的地址栏中输入cmd，然后运行

npm run serve

会出现本地网址成功运行：

认识一下项目的构造：

node_modules 使我们存放我们项目开发依赖的模块

public 目录中存放的是静态资源，不会经过webpack，需要用绝对路径来引用（就是从一个盘的盘符开始就是绝对路径。）

src 目录中是存放源码的

static这个是资源目录，里面包含样式文件、字体文件、图片文件等静态资源

.XXXX文件这些是配置文件，包括语法配置、git配置、还有我们引入的一些插件配置等等

package.json这个是项目配置文件

README.md 这个文件是项目的说明文档，使用markdown格式进行编写

针对src目录需要说的：

api 这个目录用于新建接口模块并使用axios实例

components 模块组件目录，存放的我们所创建的各个组件，项目中可以分成两种：common公共文件 和 page页面组件

router这个目录是由路由配置目录里面存放的是我们去中心化之后的路由配置文件

utils 存放的项目公用的js文件

App.vue这个文件是主应用的程序组件，也是我们项目的根组件，所有的组件都是需要挂在到这个根组件的上面。

main.js这个文件是项目的核心入口文件，在这里引入的插件我们可以直接在整个项目中进行使用。