使用IDEA编写Vue需要注意的地方

一、引言

讲解完如何使用vue-cli脚手架初始化一个项目，那么自然接下来就需要使用开发工具来编写代码。

首先小编我为什么会选择IDEA来编写Vue代码呢？

因为小编是Java工程师呀哈哈哈，当然选择IDEA，如果是PHP开发工程师当然也可以选择visual studio来编写，或者其他的编程工具。

小编就只能介绍下IDEA编写Vue需要注意的地方。

二、IDEA下载Vue.js

首先我们用IDEA打开刚刚Vue工程，会发现IDEA默认是不支持.vue的文件的。

提示："Plugins supporting *.vue files found"，那我们就需要下载一个IDEA支持.vue文件的一个插件，下载重启IDEA后就行了。

 

三、IDEA ECMAScrip版本设置

然后再看看里面的文件，什么代码都没改动，就有红色波浪线提示："Import declarations are not supported by current javaScript version"

这个是因为语法版本低问题导致低，解决办法如下：

windows版本 ： File —— Settings—— Languages&Frameworks —— JavaScript,把ECMAScript版本从默认的5.1改为6就好了。

mac版本：IntelliJ IDEA —— Preferences —— Languages&Frameworks——JavaScript,同样ECMAScript版本改成6就可以了。