Springboot + vue

vue

创建项目

1. 新建空白文件夹
2. 命令行输入vue create vue-demo
3. 选择保存过的项目vue3-demo或vueProjectDemo

初始化

1. webstorm 中，右上角edit configurations，选择package.json路径，scripts中填入serve，即可通过右上角按钮启动或调试。
2. package.json中第六行，末尾加上--open可在编译后自动跳转网页，如"serve": "vue-cli-service serve --open"

store/index.js中配置后端端口

import { createStore } from 'vuex'

export default createStore({
  state: {
    HOST: 'http://localhost:8888',
    isPlay: false,
    url: '',
    id: ''
  },
  mutations: {
  },
  actions: {
  },
  modules: {
  }
})

element plus

通过官网查看引入，在main.js中修改
main.js代码

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

// 引入element plus
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'

createApp(App).use(store).use(router).use(ElementPlus).mount('#app')