vue-cli

vue脚手架指的是vue-cli，它是一个专门为单页面应用快速搭建繁杂的脚手架，它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板。

构建的 vue-cli 工程都到了哪些技术，它们的作用分别是什么？

1、vue.js：vue-cli工程的核心，主要特点是 双向数据绑定 和 组件系统。
2、vue-router：vue官方推荐使用的路由框架。
3、vuex：专为 Vue.js 应用项目开发的状态管理器，主要用于维护vue组件间共用的一些 变量 和 方法。
4、axios（ 或者 fetch 、ajax ）：用于发起 GET 、或 POST 等 http请求，基于 Promise 设计。
5、vux等：一个专为vue设计的移动端UI组件库。
6、创建一个emit.js文件，用于vue事件机制的管理。
7、webpack：模块加载和vue-cli工程打包器。

vue-cli 工程常用的 npm 命令有哪些？

• 创建项目：vue init webpack 项目名
• 安装依赖：npm install
• 启动项目：npm run dev
• 生产环境部署资源：npm run build

请说出vue-cli工程中每个文件夹和文件的用处

├── build/                      # 存放 webpack 相关配置和脚本
│   ├── build.js                    # 构建生产版本
│   ├── webpack.base.config.js  # webpack核心配置
│   ├── webpack.dev.config.js   # webpack开发配置
│   ├── webpack.prod.config.js  # webpack生产配置
│   └── ...
├── config/                     # 存放配置文件
│   ├── index.js                # 项目核心配置
│   └── ...
├ ── node_module/               #项目中安装的依赖模块
   ── src/                      #存放项目源码及需要引用的资源文件
│   ├── main.js                 # 项目入口文件
│   ├── App.vue                 # 项目入口vue组件
│   ├── components/             # 组件
│   │   └── ...
│   └── assets/                 # 资源文件夹，一般放一些静态资源文件
│       └── ...
├── static/                     # 纯静态资源 (直接拷贝到dist/static/里面)
├── test/
│   └── unit/                   # 单元测试
│   │   ├── specs/              # 测试规范
│   │   ├── index.js            # 测试入口文件
│   │   └── karma.conf.js       # 测试运行配置文件
│   └── e2e/                    # 端到端测试
│   │   ├── specs/              # 测试规范
│   │   ├── custom-assertions/  # 端到端测试自定义断言
│   │   ├── runner.js           # 运行测试的脚本
│   │   └── nightwatch.conf.js  # 运行测试的配置文件
├── .babelrc                    # ES6解析配置文件
├── .editorconfig               # 编辑配置文件
├── .gitignore                  # 忽略git提交的配置
├── .postcssrc.js               # html添加前缀的配置
├── index.html                  # 单页面程序的入口页面
└── package.json                # 记载一些命令和依赖还有简要的项目描述信息 
└── README.md                   #介绍自己这个项目的，可参照github上star多的项目。

vue-cli脚手架目录一览
vue-cli脚手架之build文件夹上半部
vue-cli脚手架之webpack.base.conf.js
vue-cli脚手架之webpack.dev.conf.js
vue-cli脚手架之webpack.prod.conf.js
vue-cli脚手架之webpack.test.conf.js
vue-cli脚手架之package.json

config文件夹 下 index.js 的对于工程 开发环境 和 生产环境 的配置

build 对象下 对于 生产环境 的配置

• index：配置打包后入口.html文件的名称以及文件夹名称
• assetsRoot：配置打包后生成的文件名称和路径
• assetsPublicPath：配置 打包后 .html 引用静态资源的路径，一般要设置成 “./”
• productionGzip：是否开发 gzip 压缩，以提升加载速度

dev 对象下 对于 开发环境 的配置

• port：设置端口号
• autoOpenBrowser：启动工程时，自动打开浏览器
• proxyTable：vue设置的代理，用以解决 跨域 问题

请你详细介绍一些 package.json 里面的配置

• name: 项目名称
• version: 项目版本
• description 项目描述
• author 作者
• private 项目是否私有
• scripts：npm run xxx 命令调用node执行的 .js 文件
• dependencies：生产环境依赖包的名称和版本号，即这些 依赖包 都会打包进 生产环境的JS文件里面
• devDependencies：开发环境依赖包的名称和版本号，即这些 依赖包 只用于 代码开发 的时候，不会打包进 生产环境js文件里面