如何使WebStorm IDE正确识别文件类型?

时间:2016-08-25 20:12:48

标签: webstorm

背景

  1. (在JetsBrains / WebStorm IDE中)最初我创建了一个名为HelloWorldContainer的文件 - 意外遗漏了.js扩展名(我打算创建HelloWorldContainer.js)。

  2. WebStorm询问我希望该文件的文件类型是什么(例如JavaScript?Text File?HTML?等)。我不小心点击了输入键 - 而WebStorm将其视为文本文件。

  3. 意识到我的错误,我将文件重命名为HelloWorldContainer.js(将.js添加到结尾处)。希望这会将文件类型更改回JavaScript文件。

  4. 问题

    由于某种原因,WebStorm仍然“看到”HelloWorldContainer.js作为文本文件??? (下面的快照)。这是一个问题,因为现在我的JavaScript Live Templates不再为此文件加载。

    快照1:将HelloWorld.js显示为JavaScript文件,而HelloWorldContainer.js显示为文本文件(是吧?)。

    enter image description here

    快照2:对于HelloWorld.js,WebStorm知道它是一个JavaScript文件 - 因此成功加载了实时模板。 (Cmd + J)

    enter image description here

    快照3:对于HelloWorldContainer.js,WebStorm(由于某种原因)无法将其识别为JavaScript文件 - 因此JavaScript Live模板无法加载。 (Cmd + J)

    enter image description here

    如何让WebStorm再次将HelloWorldContainer.js识别为JavaScript文件?

    注意:我试过......

    • 删除HelloWorldContainer.js并再次重新创建,WebStorm仍然将其视为文本文件。
    • HelloWorldContainer.js重命名为HelloWorldContainer2.js - WebStorm现在将其视为JavaScript文件。但是,如果我将其重命名为原始名称,WebStorm会再次将其视为文本文件。 (我真的想调用我的文件HelloWorldContainer.js!: - )

    解决方案

    刚试过下面提供的解决方案(@LazyOne) - 就像魅力一样!用于记笔记的一些快照......

    快照4:删除有问题的图案。

    enter image description here

    快照5:WebStorm现在再次将该文件视为JavaScript!

    enter image description here

1 个答案:

答案 0 :(得分:2)

  1. Settings/Preferences | Editor | File Types
  2. 在顶部列表中找到Text条目
  3. 从底部列表中删除违规模式 - 最有可能是HelloWorldContainer.js或非常相似
  4. 点击OK并等待项目重新编入索引。