IntellIJ IDEA 配置 Vue 支持 打开Vue项目

【参考】零基础 Vue 开发环境搭建 打开运行Vue项目

 

IDEA版本：

IntelliJ IDEA 2017.2

Windows 7 X64

 

IntelliJ IDEA下载地址： https://www.jetbrains.com/idea/download/#section=windows

IntelliJ IDEA 是Java开发利器，用社区版不爽，干催就用旗舰版，这个是收费的，需要licence。 

如果你资金充足，请自行购买收费版的Idea：https://www.jetbrains.com/idea/buy。

 一、安装Vue.js插件

1.打开IntellIJ IDEA的File->Settings->Plugins 窗口, 点击 Browse repositories...  在Plugins查询框输入vue。

2.选中查询结果列点的Vue.js,击右边的安装按钮【Install】。

3.安装完成后出现【Restart IntelliJ IDEA】 按钮  点击重启IDEA

二、配置支持.vue后缀文件

　　1.打开IntellIJ IDEA的File->Settings->Editor->File Types 窗口, 在右侧上部文件列表找到并选中HTML , 点击右侧下部列表的绿色+号 输入 *.vue , 点击Apply或OK。

三、配置支持 ECMAScript 6 

　　1.打开IntellIJ IDEA的File->Settings->Languages & Frameworks->JavaScript 窗口, 在右侧上部JavaScript language version 下拉列表框中选中【ECMAScript 6】， 点击OK或Apply。

 

　　好了，等待IDEA检索项目下的文件，大功告成，可以开始开心的撸代码了！

 

参考文献：IntellIJ IDEA 配置 Vue 支持