【超详细步骤】在Webstorm里增加新建.vue文件功能并支持高亮vue语法和es6语法【超详细步骤】

1.打开 Webstorm  进入File项 

【超详细步骤】在Webstorm里增加新建.vue文件功能并支持高亮vue语法和es6语法【超详细步骤】

 2.进入settings

【超详细步骤】在Webstorm里增加新建.vue文件功能并支持高亮vue语法和es6语法【超详细步骤】

3.进入Plugins ,搜索是否已经下载过vue文件,如果没有,右边会有一个下载install按钮。按下载就好。(我已经下载过,所以没有显示出来)

【超详细步骤】在Webstorm里增加新建.vue文件功能并支持高亮vue语法和es6语法【超详细步骤】


4.下载完,进入该项,按步骤进行,很稳,不要慌,慢慢来!!

【超详细步骤】在Webstorm里增加新建.vue文件功能并支持高亮vue语法和es6语法【超详细步骤】

5.重启一下。然后,在新建项目页面已经有了想要的vue File 文件,不要太开心,因为,接下来,还有一些步骤。

【超详细步骤】在Webstorm里增加新建.vue文件功能并支持高亮vue语法和es6语法【超详细步骤】

6.按着步骤进行,保证能完美设置成功!!这个是设置高亮vue的语法Setting-File Types 选中html 点击下面的加号添加*.vue 点击Apply 返回就可以看到webstorm 识别.vue文件中的语法

【超详细步骤】在Webstorm里增加新建.vue文件功能并支持高亮vue语法和es6语法【超详细步骤】

7.设置 ES6支持:JavaScript选择es6。完成之后,再一次重启,就搞定了!!!

【超详细步骤】在Webstorm里增加新建.vue文件功能并支持高亮vue语法和es6语法【超详细步骤】