基于vue-cli全家桶进行项目开发(二、文件简介)

创建好项目后,在项目文件夹下,出现以下目录:

基于vue-cli全家桶进行项目开发(二、文件简介)

1.src文件夹:存放是搭建的页面(资源,模板,页面代码,和一些相关配置文件)

基于vue-cli全家桶进行项目开发(二、文件简介)

api文件夹下是与服务端通信的配置文件

assets文件夹下是项目资源

components下为自定义模板

router下为路由配置

views页面模板

APP则是整个单页应用的挂载舞台,所有的模板组件均是挂载在此页面上,相当于index入口

main.js则是全局配置

前端代码的编写基本在src文件夹下完成。

2.dist文件是打包后生成文件,布置在服务器上后即可访问。