vue-cli的使用和vue项目的创建及运行

1.安装vue-cli脚手架构建工具

全局安装，输入命令行：

npm install -g @vue/cli

注意：可以自己选择安装的目录，然后在该目录下打开cmd安装

安装完之后，执行命令：

vue -V

查看vue-cli对应的版本号，注意V要大写，若出现则说明安装成功

2.创建vue项目

使用命令行创建项目，demo为自己定义的项目名称

vue create demo

若出现以下报错：

vue create is a Vue CLI 3 only command and you are using Vue CLI 2.9.6.You may want to run the following to upgrade to Vue CLI 3:

原因：vue的版本存在更新，该命令只能在vue cli3使用，需要先卸载vue cli2,然后重新安装vue cli 3

解决：

卸载vue-cli：

npm uninstall -g vue-cli 

重新安装vue-cli：

npm install -g @vue/cli

然后再使用上面的命令重新创建vue项目，根据提示选择自己需要的版本：

因为我现在正在学习vue2，所以我这里选择的是vue2版本的，小伙伴们可根据自己的需要选择

出现以下界面则说明创建成功：

3.运行项目

执行提示的两个命令就可以开启vue的项目！