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

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

IDEA版本:

IntelliJ IDEA 2017.2

Windows 7 X64

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

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

一、安装Vue.js插件

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

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

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

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

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

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

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

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

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

三、配置支持 ECMAScript 6 

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

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

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

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

 
上一篇:Kubernetes实战:目录


下一篇:[CefSharp] 如何在JavaScript中调用C#代码