29 创建Vue脚手架(Vue CLI)
CLI(Command Line Interface)命令行接口工具
上面通过单文本组件编写了一些组件和代码，但是不能通过浏览器运行，我们需要通过vue脚手架去执行，所以首先需要在电脑上安装vue脚手架
29.1 什么是Vue脚手架？
vue脚手架是vue官方提供的标准化开发工具（开发平台），帮助开发者专门做工程化开发
关于脚手架版本：选择最新的即可，因为最新的可以兼容低版本，但是不要出现这样的情况：比如使用vue3.0，但是脚手架用的是1.0版本，这样肯定不行的，目前大多数企业用的还是vue2.0
vue脚手架不像传统工具或者库，需要下载压缩包解压使用，而是使用命令
vu
29.2 安装脚手架
注：以下命令全部是在cmd窗口运行的！
第一步(仅第一次执行)：全局安装@vue/cli
首先我还没有使用命令安装vue，直接运行就会报错，这是正常的，因为我还没有安装vue
接下来要全局安装vue，这样只安装一次，以后就可以一直使用了(除非换电脑或者重装系统！)
npm地址配置成淘宝镜像
安装的时候一定要把npm地址配置成淘宝镜像的，如果不配置，就会导致下载速度极慢，甚至不成功，所以先执行安装npm淘宝镜像的命令，如果你不记得是否执行过，那么再执行一次也是无害的
npm config set registry https://registry.npm.taobao.org
执行完之后关系命令窗口即可
配置好淘宝镜像后，就可以进行全部安装vue了
执行命令npm install -g @vue/cli，这个命令一执行，电脑上就多了一个全新的命令，命令的名字就叫vue，以后想要创建vue的时候，不用打开网页下载解压，直接使用vue命令即可
npm install -g @vue/cli
安装过程中，可以会报一些警告，但是这些警告不是我们的原因，而是这个包的作者造成了，如果有卡顿的迹象，敲下回车即可继续，得看着点儿，等一会就安装好了
安装完之后把当前命令窗口关掉。重新再开一个cmd窗口，输入vue，如果能出现以下内容，说明刚才的安装成功了
这一系列操作下来，肯定有各种各样的问题，别怕！我也是这么过来的，各种问题，xxx不能执行，xxx找不到，反正遇到什么问题就复制问题去搜就完事了，这里我推荐一篇文章，我的很多问题都是看这个解决的：https://blog.csdn.net/HH18700418030/article/details/123853779
第二步 切换到需要创建项目的目录，然后使用命令
注意：一定是你想要创建项目的目录，再执行命令，比如我这里是在桌面上创建的一个测试项目
打开cmd命令窗口并切换到想要创建的目录下使用命令 vue create xxx(项目名称)
然后就有一个选择，使用vue哪个版本写代码(最后一个选项是自定义版本)，我们这里选择vue2.0，可以使用上下剪头进行选项切换，选择号之后然后回车即可
按下回车，它就会自动帮助我们创建脚手架并配置环境，整个过程需要等会，如果整个时间耗费10分钟以上还没创建成功，那么绝对有问题(很大概率没有配置淘宝镜像，也有肯定是网络，设备等其他因素)，需要检查，如果出现卡顿，敲下回车即可
出现以下内容说明项目已经创建好了，成功创建一个叫vue_test的项目
然后就可以使用蓝色命令进入到项目文件夹中
第三步 编译项目
执行npm run serve即可
接下来就开始编译整个项目的代码了，vue自动帮助我们写了个hello world,一会编译完查看，整个过程需要等会，看到耗时时间和访问地址说明编译成功
第四步 访问项目
在浏览器输入http://localhost:8080 如果看到以下画面，说明整个过程完美结束了，可以看到整个布局和组件，以及vue准备的helloworld
