vue.js 2.0 版本--idea搭建vue环境

1.预先安装

安装node.js
安装vue

2.创建自己的目录

• 进入目录 cd /Users/join/project/vue/
• 创建vue项目 vue init webpack demo 经过一系列的提示，可以完成创建vue项目

3.配置idea

File - Settings - Languages&Frameworks - JavaScript：修改JavaScript language version为ECMAScript 6，确认
File - Settings - Plugins：搜索vue，安装Vue.js
Run - Edit Configurations...：点击加号，选择npm，Name为Dev，package.json选择你工程中的package.json，Command为run，Scripts为dev,然后就可以直接在idea中运行了。
继续点击加号，选择npm，Name为Build，package.json选择你工程中的package.json，Command为run，Scripts为build,然后就可以直接在idea中打包了。

4.目录结构介绍

├── build                       //webpack配置相关
├── config                       //webpack配置相关
├── src                          //源码文件夹
│    ├──components               // 组件文件夹
├── router                       // 路由配置文件夹
│   └── index.js                 // 路由配置文件
│    ├── App.vue                 // APP入口文件
│    ├── main.js                  // 项目配置文件
├── static                       // 子路由文件夹
├── package.json                //引入第三方库信息文件
├── index.html                 //进入首页
├── node_modules         //npm install安装的依赖代码
├── .editorconfig       //编辑器的配制
├── .eslintigore    //忽略语法检查的目录文件
├── .eslintrc.js     //elint的配制文件