Vue cli安装创建项目

一、什么是Vue脚手架

Vue脚手架，也就是vue cli。如果我们平时只是写一些简单的页面的时候，只需要下载vue.js就行了。但是我们有的时候创建Vue项目的时候，有时候还有一些webpack的项目，很多配置特别麻烦。于是我们就可以用到Vue cli

二、Vue cli的安装

安装vue cli之前先确认是否有安装node，win+r，cmd回车打开命令窗口。node -v检查自己node的版本

node  -v

确认已经装有node之后，接着装vue cli

查看官网，安装vue cli的命令是npm install -g @vue/cli  和 yarn global add @vue/cli 。由于我用的是npm，所以我选择用npm install -g @vue/cli  

npm install -g @vue/cli 

安装完成后，输入vue --version查看自己的vue cli是否安装成功

vue --version

出现版本号表示安装成功。

npm install -g @vue/cli 命令安装的是vue cli3以上的版本，如果想兼容旧版本vue cli，即拉取旧版本的模板用npm install -g @vue/cli-init

npm install -g @vue/cli-init

安装成功后，就可以用vue cli创建项目了

三、用vue cli创建项目

自己选择好文件夹之后，cd进入自己选择好的文件夹，输入vue create vuecli4 。创建项目的命令是vue create 项目名

vue create 项目名

 输入命令之后

我们选择最后一个手动配置

通过↑ ↓ 箭头选择你要配置的项，按 空格是选中和取消，按 a 是全选，按 i 是反选。

上面是我选择的配置

这里我选择创建3.x版本的，点Enter

我这里选择yes

我这里选择less

这里我选择In package.json

这里我输入了y，点Enter键。输入n更好些，输入y的话需要输入名字

输入名字test回车，开始创建项目

到这一步，创建项目成功