WebStorm File association system does not recognize a file

Question

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.

Answer 1

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.

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.

Source (PhpStorm Forums thread, a bit more details)