vue-cli什么时候出来的

Vue-cli（Vue命令行工具）是Vue.js官方推出的脚手架工具，用于快速搭建Vue.js项目的开发环境。Vue-cli首次发布在2016年，该工具的第一个版本是基于Vue.js 1.x版本的。随着Vue.js的发展和升级，Vue-cli也不断进行更新和升级，目前最新版本是Vue-cli 4.x。Vue-cli主要提供了一系列的命令和配置选项，帮助开发者快速初始化和管理Vue.js项目。

作为一款强大的脚手架工具，Vue-cli大大简化了Vue.js项目的搭建过程。通过Vue-cli，开发者可以选择不同的项目模板，包括基础模板、带路由的模板、带状态管理的模板等，快速生成项目的骨架代码。同时，Vue-cli还提供了开发服务器、热重载、代码打包等功能，方便开发者进行项目实时预览、调试和部署。

由于Vue-cli的便捷性和高效性，越来越多的开发者选择使用它来进行Vue.js项目开发。Vue-cli的出现，使得Vue.js在前端开发领域得到了更广泛的应用和推广。它不仅提高了开发效率，还促进了Vue.js生态圈的发展。

总结来说，Vue-cli是在2016年首次推出的，为Vue.js开发者提供简便的项目搭建和管理工具。它的出现极大地简化了Vue.js项目的开发过程，使得Vue.js更加受欢迎和广泛应用。

vue-cli 是由 Vue.js 官方推出的一套快速构建 Vue.js 应用程序的脚手架工具。它的第一个版本是在2016年7月发布的，通过 npm 包管理工具来进行安装和使用。

具体来说，vue-cli 1.x 版本是在2016年7月26日正式发布的，也是 Vue.js 第一个官方脚手架工具。它提供了一套简单易用的命令行工具，可以帮助开发者快速搭建 Vue.js 项目的基本结构，并集成了常用的构建工具和开发环境配置，如Webpack、Babel、ESLint等，方便开发者进行开发和调试。

随着 Vue.js 的不断发展和改进，vue-cli 2.x 版本于2017年2月16日发布。该版本在第一个版本的基础上进行了一些改进和优化，如引入了官方推荐的模板、插件和手动配置选项等，使用户在项目搭建过程中更加灵活和方便。

最新版本的 vue-cli 是 vue-cli 3.x，它于2018年8月10日发布。该版本在前两个版本的基础上进行了全面改版，采用了基于插件的架构，提供了更多灵活和可定制的选项，同时还集成了一些常用的插件和工具。它还引入了 Vue CLI UI，一个图形化界面的管理工具，方便开发者进行项目的创建、管理和配置。

总之，vue-cli 是在2016年正式推出的，经过多次版本的迭代和改进，目前最新版本是 vue-cli 3.x。它是 Vue.js 开发者的重要工具之一，能够帮助开发者快速搭建和开发 Vue.js 应用程序。

Vue CLI是由Vue团队开发的一套基于Vue.js的脚手架工具，用于快速搭建Vue项目的开发环境。Vue CLI的第一个版本发布于2017年3月28日，随着Vue.js的快速发展，Vue CLI也不断更新迭代，目前最新版本为Vue CLI 4.x。

Vue CLI的出现帮助开发者们规范了Vue项目的开发流程，提供了一套成熟的工具链，方便快速生成项目基础结构，并集成了开发、调试、构建、部署等一系列功能，大大提高了开发效率。

下面将从安装、创建项目、配置以及常用命令等方面介绍Vue CLI的使用方法和操作流程。

一、安装Vue CLI
1.首先，确保你的电脑已经安装了Node.js。可以在命令行中输入node -v查看Node.js的版本，如果出现版本号则说明已经安装成功。

2.打开终端或命令提示符，输入以下命令来全局安装vue-cli：

npm install -g @vue/cli

在安装的过程中可能会遇到权限问题，可以在命令前加上sudo。

3.安装完成后，可以输入以下命令来检查vue-cli是否安装成功：

vue --version

如果显示出版本号，说明安装成功。

二、创建项目
1.打开终端或命令提示符，选择一个你喜欢的文件夹，进入该文件夹目录。

2.通过Vue CLI创建一个新的项目，输入以下命令：

vue create 项目名

可以根据自己的需求选择手动选择特性或默认选择特性。手动选择时，可以用键盘上下键来选择、空格键来选中或取消选择、回车键来确认。默认选择时，直接按回车即可。

3.等待项目创建完成，创建完成后会出现一些命令，如：

cd 项目名
npm run serve

通过cd命令进入项目目录，然后执行npm run serve命令启动项目。

三、配置
1.可以编辑项目目录下的vue.config.js文件来对项目进行配置。比如，可以配置打包输出的文件路径、配置代理、配置webpack等。

2.在vue.config.js文件中，可以添加一些自定义的配置项，例如：

module.exports = {
  // 配置打包输出的文件路径
  outputDir: 'dist',
  // 配置代理
  devServer: {
    proxy: 'http://localhost:8080'
  }
}

四、常用命令
1.开发环境下启动项目：

npm run serve

该命令会在本地启动一个开发服务器，并实时监听文件的改动，自动更新页面。

2.构建生产环境版本：

npm run build

该命令会将项目打包成一个生产环境可用的版本，打包后的文件会被放在outputDir目录中，默认是dist。

3.运行单元测试：

npm run test:unit

该命令会运行项目中的单元测试。

4.运行端到端测试：

npm run test:e2e

该命令会运行项目中的端到端测试。

5.代码格式化：

npm run lint

该命令会对项目中的代码进行格式化。

以上就是使用Vue CLI的基本操作流程和常用命令介绍，通过Vue CLI可以更加方便快捷地搭建和管理Vue项目，提高开发效率。