springboot+vue框架项目

springboot+vue框架项目

1. 准备工作

	在命令窗口输入

node -v
npm -v
npm install @vue/cli //创建vue工程
vue create springboot-vue-demo  //开始创建项目

进入配置页，选择Manually select features

空格选中Router,Vuex,去掉Linter/Formatter选项

选择vue3.0的版本

路由hash和history

输入提示命令（Tab自动补全）

项目创建成功，浏览器输入地址即可

2.开始进入项目

编辑配置选npm

在脚本中填入serve

找到package.json配置文件
在scripts下的serve加入–open，可以快速启动

安装npm install element-plus --save

main.js文件中引入

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

.use(ElementPlus)

3.遇到的一些问题

1.输入npm install会报错

输入npm install会报错

npm ERR! 
code E404 npm ERR! 

需要删掉文件中的node_modules

然后再输入npm install

2.IDE终端输入

file->setting->tools->terminal
找到shell路径改成cmd的路径