SpringBoot + Vue 开发项目一

安装工具环境和依赖

环境

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

工具

• navicat
• idea

启动一个项目

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

搭建后端页面

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

2. 创建全局样式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;
}

3. 在main.js中引入样式

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