springboot——（6）添加一个vue项目调用springboot接口

前两篇博文描述了node.js下载安装、cnpm创建vue项目相关内容，我们得到了一个能运行的最基础的vue框架。具体博文如下：

https://blog.youkuaiyun.com/qq_15903671/article/details/82052035

https://blog.youkuaiyun.com/qq_15903671/article/details/82052251

vue项目命令行常用指令：

vue init webpack projectPathAndName  (创建项目)

cd projectPathAndName （进入项目根目录）

cnpm install （初始化项目，生成node_modules文件夹并下载依赖）

cnpm run dev （运行项目）

由于在学习springboot，前端计划使用vue并与springboot实现分离。现在使用IDEA导入vue项目，编译项目，发布运行。

一、IDEA打开创建好的vue项目：

file-open 选择创建好的vue项目根目录，打开后项目结构如图

二、IDEA配置、支持vue项目：

首先下载vue.js的plugin：File -> Settings -> Plugins -> Browse respositoties 如图所示