VUE的下载与安装

1.安装vue-cli (npm install -g @vue/cli@3.12.1)

2.vue create xxxx 创建项目

3.npm run serve 启动项目

4.安装依赖 npm i

5.安装element ui (npm i element-ui -S)

引入 import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

6.npm run build 打包 生成 dist文件夹

7.安装router （npm i vue-router@3.2.0）

创建router文件夹在创建index.vue
import Vue from 'vue'
import vueRouter from 'vue-router'
Vue.use(vueRouter);
const routes =[]
const router = new vueRouter({
    mode:'history',
    routes
})

export default router

在main.js加上import router from '/router'

8.下载 npm i less和npm i less-loader@5.0.0

9.将el-menu里添加上( :default-active="$route.fullPath" ，router)

10.在首页内容部分引入