webStorm识别vue语法

1、webStorm下载vue插件,webStorm——preferences——plugins,搜索vue

webStorm中已安装vue插件的界面

如果没有安装过,界面长这样:

webStorm中未安装vue插件的界面——图1
webStorm中未安装vue插件的界面——图2

2、安装成功后,重启webStorm,重启完成后 webStorm—— preferences—— Editor ——File and Code Templates,点击右上角的加号  添加vue文件   Name为vue File,  Extension 为vue,下面的位置可以填写自定义的初始化模板内容

在webStorm中添加vue后缀的文件

3、高亮vue语法,webStorm—— preferences ——Editor ——File Type,选中html,点击下面的加号,添加*.vue,点击Apply,返回就可以看到webstorm 识别.vue文件中的语法

高亮vue语法

4、ES6支持:JavaScript选择es6

es6支持
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Webstorm 添加新建.vue文件功能并支持高亮vue语法和es6语法 添加新建.vue文件功能①Websto...
    yzc123446阅读 1,084评论 0 2
  • 每年的这个日子如往常一样,对于我来说它只是一个很普通的日子。因为节日的缘故反而会显得异常冷清。 今天约了一个很多年...
    苏曼_Koko阅读 235评论 1 1
  • 真朋友郑中基 - 真朋友 朋友想起我就来看看我, 不为别的只为那偶尔的擦肩而过。 朋友想起我就来看看我, 没有原因...
    谷中百合花阅读 732评论 0 0
  • 空白的试卷, 留有青春无谓的不羁, 哪怕什么都不懂,不会, 我仍然在空白的试卷上写下满满的答案, 尽管错得一塌糊涂...
    鹿右右阅读 243评论 0 3
  • 湛蓝的天空一碧如洗,只一眼就好像深深地吸入你的灵魂,让人嘴角也不由悄悄上扬。这一刻突然什么事也不想做了,只愿吹吹这...
    银碗盛雪ING阅读 396评论 0 0