IDEA下新建Vue项目

1.首先要下载Node.js

官网： http://nodejs.cn/download/  下载对应版本

安装过程最好默认路径也不是很大内存，过程就省略了 傻瓜式操作  一直点击下一步 最后完成

Node.js安装好之后要配置环境变量     变量名 NODE_PATH  ，变量值 选到安装位置的exe文件

2.可以新建一个文件夹比如叫Vue用IDEA  open 打开 或者 在IDEA中新建一个空的project 

3.在setting中配置JavaScript的语言版本为6

4.  在file types的html中添加*.vue

上面的RecongnizeScript一定要选HTML图片有误 在HTML中添加*.vue

5.在插件库中添加vue.js插件和node.js插件

6.在IDEA中打开Terminal编辑器，检查node.js和npm是否已经安装完成

node -v

npm -v

7.

安装vue

Terminal编辑器继续输入

npm install vue

回车执行

8.检查是否安装成功vue

vue -V

9.

全局安装 vue-cli

npm install --global vue-cli

10.

创建一个基于 webpack 模板的新项目，my-project为项目名称，

vue init webpack my-project

11.这里需要进行一些配置，默认回车即可

12.进入项目安装并运行

cd my-project

npm install

npm run dev

一行一个回车一行执行一次

13.运行成功后

    点击自动跳转

成功