vue-cli安装

        项目要用vue框架，所以会用vue-cli来新建项目。用过vue的都知道，要全局安装vue以及脚手架vue-cli，然后执行vue init webpack projectname来新建vue项目模板。但是最近新建项目的时候发现，即使是在本机全局安装了vue最新版本2.5.17，可是用vue-cli脚手架创建vue项目木板的时候发现，vue的版本还是2.5.2版本。查过官方文档之后了解到，vue-cli有最新版本，需要重新安装，而且新建项目的方式也有所不同。这篇文章将针对vue以及vue-cli最新版本进行介绍。

官网：https://cli.vuejs.org/zh/

vue-cli官方解释是，它是一个基于vue.js进行快速开发的完整系统，提供：

• 通过 @vue/cli 搭建交互式的项目脚手架。
• 通过 @vue/cli + @vue/cli-service-global 快速开始零配置原型开发。
• 一个运行时依赖 (@vue/cli-service)，该依赖：
  • 可升级；
  • 基于 webpack 构建，并带有合理的默认配置；
  • 可以通过项目内的配置文件进行配置；
  • 可以通过插件进行扩展。
• 一个丰富的官方插件集合，集成了前端生态中最好的工具。
• 一套完全图形化的创建和管理 Vue.js 项目的用户界面。

       接下来废话少说，我就直接说说vue-cli最新版本怎么安装，怎么新建项目。

一、安装Vue Cli

安装最新版的vue-cli。使用命令：npm install @vue/cli -g

 安装之后，你就可以在命令行中访问 vue 命令。你可以通过简单运行vue，看看是否展示出了一份所有可用命令的帮助信息，来验证它是否安装成功。

到此为止，Vue Cli就安装成功了

 二、创建一个项目

首先，我们在终端里输入命令vue create，然后回车，出现选择界面，可以选择自定义安装，也就是第二个。

接下来，进入第二步，选择你需要的模块。

接下来会让你进行一系列的框架或插件版本选择，

路由部分、eslint配置、检查设置、单元测试、e2e(端到端测试)、配置文件存放、保存当前配置

大家可以根据自己的需要进行选择

选择完成后，项目就会自动创建，并且会默认安装你选择的这些插件或模块。到此为止，项目就算创建完成了。