创建vue项目，结合elementUI

1.打开图形化页面

1.打开cmd窗口， 输入

vue ui

2.浏览器自动打开网页

2.创建项目

1.点击创建

2.选择项目位置，项目名称

3.预设

如果选择“默认”， 直接下一步就行
如果选择“预设”
可自定义“功能”与“配置”

4.等待

5.添加elementUI插件

搜索插件vue-cli-plugin-element
并安装

按需导入

6.用webstorm打开项目

open

配置启动项

启动后

项目启动成功，且elementui安装成功

3.配置页面

配置自己写好css样式表 放到asset文件夹中

页面放到自定义pages文件夹下
购买的前台页面， 自己手动改改就行

4.配置APP.vue内容

template内容改为

<template>
  <div id="app">
<!--    使用嵌套路由-->
    <router-view/>
  </div>
</template>

5.配置路由到自定义页面

import Login from '../pages/login'
const routes = [
  {
    path: '/',
    name: 'login',
    component: Login
  },
]