在idea中创建vue项目

环境搭建
安装node.js和npm
nodejs的下载地址：https://nodejs.org/en/download/ ；
在Windows上安装时选择全部组件，勾选Add to Path（路径是vue.cmd）；

安装完后，请打开命令提示符；
输入node -v，如果安装正常，可以看到版本号输出：

npm是Node.js的包管理工具（package manager），Nodejs的安装程序默认安装npm，在命令提示符或者终端输入npm -v，可以看到类似以下的输出：
在cmd中直接使用npm来安装的一些工具会比较慢，所以我们使用淘宝的npm镜像：
输入命令：npm i -g cnpm --registry=https://registry.npm.taobao.org，如果权限不够，请使用管理员运行命令提示符；

2、安装vue-cli,vue脚手架
输入命令：cnpm i -g vue-cli

测试安装命令: vue –V
输出：数字表示成功

1. 安装项目
   先进入工作目录；
   使用脚手架安装项目：

   输入命令：vue init webpack first_vue ;
   提示：
   Project name（工程名）:输入工程名称，回车
   Project description（工程介绍）：输入结束，回车
   Author：输入作者名称，回车
   Vue build:回车
   Install vue-router：回车
   Use ESLint to lint your code：n，回车
   Set up unit tests（安装测试工具）：n，回车
   Setup e2e tests with Nightwatch（测试相关）：n，回车
   Should we run `npm install` for you after the project has been created? (recommended)：N，回车
   

 **2. 初始化项目**
 进入项目目录；

输入命令：cd xxx；
输入命令：cnpm i；
运行项目，输入命令：cnpm run dev；

浏览器打开：localhost:8080，即可打开vue项目；

注意：Ctrl+C命令退出运行；
 
 **3. 配置Idea**
File - Settings - Languages&Frameworks – JavaScript:
修改JavaScript language version为ECMAScript 6；

File - Settings - Plugins：搜索vue，安装Vue.js

Run - Edit Configurations...：
点击加号，选择npm，Name修改为Run，package.json选择你工程中的package.json，Command修改为run，Scripts为dev
点击加号，选择npm，Name为Build，package.json选择你工程中的package.json，Command为run，Scripts为build；

以上就都安装配置完成了，可以直接点【run】运行项目；
访问测试页：http://localhost:8080/#/