前端平台搭建(Vue2.6,App:HBulderX)

创建Vue2.6项目

如图,创完之后的样子

下载相应插件方便开发

路由配置

组件路由 vue router 是 Vue.js 官方的路由管理器。

它和Vue.js的核心深度集成，让构建 单页面应用变得易如反掌。

安装 vue-router 是一个插件包，所以我们还是需要用npm来进行安装的。

打开命令行工具，进入你的项目目录，输入下面命令。

npm i vue-router@3.5.3 

搭建步骤: 1. 创建router目录 创建**index.js **文件,在其中配置路由

import Vue from 'vue';
import router from 'vue-router'; /* 导入路由 */ 
import login from '../views/login'; /* 导入其他组件 */ 
import content from '../components/content'; /* 导入其他组件 */
Vue.use(router) /* 定义组件路