CODEWITHSUNDEEP
vue.jswebstorm
calebeaires
calebeaires

Reputation: 2084

WebStorm File association system does not recognize a file

I have this Vue file with the name SetupObjects.vue, but it does not get associated with Vue syntax as the others are. Here is what I have tried to do:

  1. Deleted it, recreated it
  2. Deleted it, recreated it on another folder
  3. Deleted it, recreated it on another project

No matter what I do, the file does not get its correct association.

enter image description here

Upvotes: 0

Views: 1017

Answers (1)

LazyOne
LazyOne

Reputation: 165168

Looks like you have created that file using wrong action or made a mistake during that process, e.g.:

  • used File | New | File...
  • did not enter the file extension there (only file name part) .. or that was a wrong yet unknown extension
  • then in the popup dialog just automatically pressed Enter.

enter image description here

Solution:

  1. Settings/Preferences | Editor | File Types
  2. Check the following file type entries:
    • Auto-detect file type by content
    • Text
    • Files opened in associated applications (not your case here)
  3. Locate and remove unwanted pattern: will be SetupObjects.vue or very similar to that.

enter image description here

Source (PhpStorm Forums thread, a bit more details)

Upvotes: 6

Related Questions