如何使用vue-cli快速创建vue项目

保证已经安装完node.js情况下执行以下操作：

一、安装vue脚手架

如果安装失败或者告诉你版本不够，就先卸载再重新安装，重点是自己去查看安装失败的错误提示，再去做进一步的修改，一般是不会出错的，卸载命令是：npm uninstall vue-cli -g
指令：

npm install -g @vue/cli

二、创建你的vue项目

mydemo指的是我们的项目名称，安装完成的项目是处于一个最简单的状态，没有做路由的配置

npm create my-demo

三、路由的配置

1.路由的安装

npm install vue-router --save

2.在src下面新建三个文件夹，具体如下图所示

3.配置router文件夹下的index.js文件

router文件夹下的的index.js配置如下所示

4.main.js文件如下，引入路由，注入到根实例中

5.App.vue文件如下：

路由中有很多知识点未写下来，经常使用的两种方式是router-link标签中的to属性加路由路径，或者是route.push(/path)，还有子路由的配置这里就不详细描述了，有兴趣的小伙伴可以查看官方文档。

补一句：vscode配置问题，如何补全.vue文件中的标签，参考如下，亲测有效：
https://blog.csdn.net/bluefish_flying/article/details/79615271