1.安装节点。vue需要基于npm的某个版本，所以先把npm升级到最新版本。在安装的过程中，我更喜欢淘宝的镜像，所以先安装cnpm(因为速度和稳定性更好)。
2.在目标文件夹中打开终端。3.执行cnpminstallvue-cli-g的全局安装，运行vue看看安装是否成功。4.运行vueinitwebpack(注:模板名)sell2(注:项目名)5。进入项目文件夹，执行cnpminstall，安装下载到模板中的package.json中的依赖项。安装完成后，项目文件夹下会自动生成节点模块文件，用于存储安装的依赖文件。6.因为有很多依赖关系，所以编辑器在检索模块文件时会消耗大量内存。因此，当使用webstorm编辑器启动一个项目时，我们经常右键单击node-module文件夹来停止对文件的检索。注意:webstorm一打开就卡，没有办法操作文件夹。这种情况的解决方案是首先打开并删除文件夹表单中的node-modules文件夹，然后停止检索。然后再安装一次cnpm即可*(这个方法需要在安装完依赖项后运行一次，然后删除node_modules子文件。webstorm打开项目并禁止检索node_module文件夹，然后删除该文件夹并重新安装)。
7.运行项目并执行npmrundev(注意:此时不能使用cnpm来运行。肯定是npm)8。将所需的资源投入到项目中。我们需要使用路由功能，所以我们需要安装vu
:router对象(new的router对象)，包含一些操作路由的功能函数，实现程序化导航。通常指访问任何组件内的路线。例如，$router.push()用于路由编程导航。
:创建vue-router路由实例的配置项。用于配置多个路由路由对象。
:指代表当前活动路由状态信息的路由对象。比如这个。$route指的是当前路由对象。路径/元/查询/参数
.jpg)
