0
点赞
收藏
分享

微信扫一扫

springboot+vue框架项目

扬帆远航_df7c 2022-04-06 阅读 66

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的路径
在这里插入图片描述

举报

相关推荐

0 条评论