SpringBoot + Vue 开发项目一

安装工具环境和依赖启动一个项目搭建后端页面

环境

vue（建议版本vue 3以上）（vue -V查看版本）element-ui （创建项目根据官网安装依赖 npm i element-ui -S）mysqlredis

工具

navicatidea 启动一个项目

Vue 创建项目 vue create ly_project进入项目 cd ly_project添加element-ui依赖 npm i element-ui -S启动项目 npm run serveidea打开项目文件ly_project安装vue.js插件重启idea浏览网页 http://localhost:8080/

利用element-ui模板生成html页面

  .el-header {
    background-color: #B3C0D1;
    color: #333;
    line-height: 60px;
  }

创建全局样式global.css，可以将一些常见的操作写下

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.ml-5{
    margin-left: 5px;
}

.mr-5{
    margin-right: 5px;
}

.pd-10{
    padding: 10px 0;
}

在main.js中引入样式

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import './assets/global.css';