开发环境
操作系统:Windows
JDK: jdk-8u141
mysql:mysql-5.7.21-1-macos10.13-x86_64
node:v12.4.0
IDE:IntelliJ IDEA 2018
上面是运行springboot+vue项目的开发环境
搭建vue脚手架
1.运行vue项目,采用的是vue脚手架
安装vue-cli(vue脚手架)前要安装node.js
这里附上node.js安装配置的教程链接:Node.js安装教程
2.打开cmd输入以下命令
安装全局vue-cli脚手架
webpack
npm install vue –g //全局安装vue
npm install -g vue-cli //全局安装vue-cli
npm install -g webpack //全局安装webpack
npm install -g webpack-dev-server //安装webpack的本地webserver
执行命令确认vue和webpack是否安装成功
vue -V
webpack -v
使用idea启动后台
启动前台
启动前台:进入vue文件夹,运行下面命令启动前台项目
npm install // 安装依赖
npm run dev // 启动前台项目
运行结果如下:
如果出现以下情况:
你只要运行如下命令:
npm rebuild node-sass
最后浏览器运行界面:
当当当~~~~,就好了。