Vue前端平台的搭建

文章目录

• 前端平台搭建(`Vue2.6`,App:`HBulderX`)
• • 创建`Vue2.6`项目
  • 下载相应插件方便开发
  • • 路由配置
    • 对连接后端进行一些配置(`main.js`文件)
    • • 导入ElementUI组件
      • [组件 | Element](https://element.eleme.cn/#/zh-CN/component/icon)
      • 同步与异步
      • `axios`异步请求框架

前端平台搭建(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) /* 定义组件路由 */
var rout = new router({
   
	routes: [ {
    
	path: '/index', 
	name: 'index'