1.先创建一个vue项目

在HBuilder里面创建一个vue项目，如下

 只要点击创建HBuilder就会自动的给我们创建一个vue项目，创建的结构如下

 我们只需要在命令行输入npm run serve,vue项目就会启动起来了

在浏览器里面输入  http://localhost:8081/打开就可以了，如下所示

 

 现在，我们这个vue的项目就算启动完成了，也没有报错，但是，我们发现创建的这个结构没有路由，没有路由，那我们如何进行页面跳转呢，只需要做如下几步

1. 在package.json文件里面输入路由的版本即可

 2.我们在命令号在输入npm install ,下载完成后我们在node_modules里面可以找到vue-router（在我们不加的时候是没有这个文件的）

 这就证明我们路由就已经配置好了，

3.我们就可以在结构里面新建一个router文件了，在里面新建一个index.js文件就可以写路由了

 然后我们需要在main.js里面取导入我们写好的路由文件

 完成后我们在运行一遍程序也没有报错，这样路由就添加成功了。