vue脚手架vue-cli的安装

在搭建vue之前，我们要有最基本的配置环境。
1、安装node.js.
在浏览器里搜索node.js,进入官网。或者可以进入网址(https://nodejs.org/en/download/)
根据自己电脑系统进行下载。

安装之后，使用快捷键win+R键，并输入并进入cmd.

输入node -v可以查看node.js的版本，这就说明node.js安装成功了。

2、安装vue的相关工具。
首先我们来进行第一步，安装webpack.输入指令npm install webpack -g

第二步，安装vue-cli脚手架。输入指令npm install vue-cli -g,安装好以后，我们可以输入指令vue -V,进行检查。
用脚手架构建项目之前新建一个文件夹。
回到命令提示符。进入新建的项目目录。

执行命令 vue create vuetest(注意：这里的vuetest是自己新建的项目名)，另外这里提醒一下，有些会出现vue create 命令仅限vue-cli3使用，这时候就可已通过NPM uninstall -g vue-cli和NPM install -g @vue/cli来升级到vu-cli3.
升级以后的结果如下。
然后通过上下键来选择版本，这里我们选择第三个自定义配置。
然后会出现9个选项，我们选择1、4、5、7，我们分别点击这几个数字就可以选中了。
enter进入之后选vue2.
enter进入选择使用history模式
ESLint代码语法错误检测方式选择标准。
后面选择Lint on save 和选择n

enter以后就进入项目的创建。
输入提示的指令就可以了
复制http://10.3.157.69:8080/在浏览器打开。
看到这个页面就搭建成功了。在后面只要在cmd里输入指令vue ui就可以进入该页面。
总结：vue-cli是vue开发项目的脚手架，脚手架是一个工具，安装完脚手架之后可以通过一些命令快速实现项目基础环境的搭建，不用自己一个一个地配置各种文件，帮我们自动生成规范性的项目文件目录。