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

雨燕双飞 提交于 2020-04-27 23:13:16

【参考】零基础 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。

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 支持

 
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!