Intellij IDEA搭建vue项目

1.安装nodesJs

2.打开IDEA，在idea左下角找到Terminal 命令行工具 执行npm install -g vue-cli 安装全局的vue脚手架

3.File→Settings→Plugins 在Plugins中输入vue找到vue.js在Browse respositoties中安装，截图显示的是已安装的，安装完成后重启IDEA.

4.使用脚手架安装vue项目:vue init webpack 工程名称

会出现以下信息：

Project name:让你填写工程名直接回车

Project description：让你填写工程介绍，可以直接回车

Author：作者名（一般显示你的gitlab账号邮箱）

Vue build:询问是否安装编译器，直接回车

Install vue-router：询问是否是否安装Vue路由回车

Use ESLint to lint your code：询问是否是否使用ESLint检查代码，用它就选Y

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

5.完成后切换到工程目录，初始化项目：cnpm i

6.可以直接命令启动该项目：cnpm run dev

或者以下图顺序操作"+"之后选择npm就可以Run进行启动操作了。

 

7.File Types: HTML 添加 *.vue类型

File→ Settings→ Editor → File Types → HTML

点Registered Patterns右边的的+，添加 *.vue .点击Apply

8.设置js

File→ Settings→ Language & Frameworks→  JavaScript

在idea中也可以file中选project创建vue项目，直接next,中间会出现同4差不多的创建目录问题,next直到结束。