因开发使用需要后端狗子需要看一下前端，但是又不想额外去下载其它的前端开发工具，所以就想着使用idea集成vue的开发环境进行前端的前开；但是网上很多博客看完又不能一次性成功，所有把多次百度的内容和实际操作步骤融合与大家一起分享。
一，nodejs环境安装
1，下载nodejs安装包，官网地址
下载长期维护版本的安装包（你也可以下载最新版本的）
2，安装nodejs，按照提示点击下一步，如果需要修安默认安装路径自行处理（个人十分讨厌默认安装路径）
3，修改相关下载相关的数据保存目录
进入nodejs的安装目录下的 \node_modules\npm 下找到npmrc文件，并去掉默认保存目录，修改为如下内容
prefix=「你自己的需要保存的目录」\node_global
cache=「你自己的需要保存的目录」\node_cache
4，查看版本号（记得使用管理员账号）
5，安装脚手架vue-cli（如下都使用管理员控制台执行）
安装访问外网会比较慢，所以这里建议下载淘宝镜像，命令行输入：npm install -g cnpm --registry=https://registry.npm.taobao.org
使用管理控制台运行命令：set-ExecutionPolicy RemoteSigned
如果不执行上述命令会报如下错误
执行命令 cnpm install vue-cli -g 开始安装脚手架
查看cnpm版本信息，如下说明已经安装成功
二、idea安装vue.js插件
File -> Settings -> Plugins -> Browse respositoties...
搜索vue.js，右侧提示Install（截图时已安装，未安装会提示Install）。安装成功后需要重启IDEA。
三、idea中vue项目使用
1、项目构建
1.1、新建项目构建
进入需要构建项目的文件夹下: cd /path/
执行创建项目 vue init webpack vuecmp
说明：vuecmp为你需要创建的项目名称
安装依赖包 cnpm install
1.2、已有项目构建
进入需要构建项目的文件夹下: cd /path/
安装依赖包 cnpm install
2，idea执行vue项目
idea导入项目工程
在idea中的编辑入口做如下配置
点击上述的相关配置完成后，点击运行程序则正常运行，点击下面地址则可以正常访问前端