springboot整合vue01-创建vue工程

1.创建vue脚手架

命令：

vue ui

vue ui需要vue-cli3.0以上版本；

如果版本低可以升级：

npm uninstall -g vue-cli

npm install -g @vue/cli

 

会在浏览器中打开ui页面;

 

点创建按钮

 

预设：选手动

 

功能：选常用的vuex、路由等

 

选不保存预设然后等创建完成即可

 

2.添加插件

创建完成后，浏览器中会打开仪表盘；

选插件-》添加插件；

 

安装elementui，用来做前端页面：

 

安装axios，用来做ajax请求

 

然后就可以ctrl+c关掉命令窗口了；

 

3.idea打开vue工程

需要在idea中装vue.js插件；

在 file-》settings-》Plugins中搜索安装即可；

 

用file-》open找到vue工程目录打开即可；

 

运行：打开控制台，输入命令即可

npm run serve

 

然后用浏览器访问项目地址：

 

新工程首页：