vue-cli目录解析

126 阅读1分钟

这张图是vue-cli初始化生成后的项目文件。

1、build文件夹

用于放置webpack相关的配置文件;开发环境和生产环境

2、config文件夹

* index.js : 项目的核心配置

3、node_modules

项目安装的依赖模块

4、src

* App.vue: 程序入口vue文件
* main.js: 程序编译入口文件
* components: 放置vue组件的文件夹
* assets: 用于放置静态资源文件的文件夹

5、static

放置纯静态资源文件夹,后期打包会直接拷贝到 dist/static/**

6、test

* unit: 单元测试
	-- specs: 测试规范
    -- index.js: 测试入口文件
    -- karama.conf.js/jest.conf.js: 测试运行配置文件

* e2e: 端到端测试
	-- specs: 测试规范
    -- custom-assertions: 端到端测试自定义断言
    
* runner.js: 运行测试脚本

7、.babel.rc

转码器,ES6转ES5

8、index.html

SPA的出口页面

9、package.json

项目描述,已经依赖的安装包描述