42

Netbeans 8.x intellisense doesn't identify VueJS tags. Is there any Plugin available for VueJs syntax highlighting or autofill support in Netbeans 8.x? If not, are there any work arounds?

Mahi M
  • 569
  • 1
  • 4
  • 11

3 Answers3

58

.vue file is a kind of html file, you can add syntax highlighting in Netbeans :

  • Tools > Options > Miscellaneous > Files

  • Add a new file extension :

    • File Extension : vue
    • Associated File Type (MIME) : HTML Files (text/html)

Not perfect but it seems there is no plugin for this actually.

EDIT : Visual Studio Code has nice features for vuejs

soju
  • 25,111
  • 3
  • 68
  • 70
  • 24
    To help reduce some of the warnings of invalid syntax you can add `nbproject/customs.json` with the content: `{ "elements": {}, "attributes": { "v-if": {}, "@submit.prevent": { "context": "form" }, "@click": {}, "@keyup.enter": {}, "scoped": { "context": "style" }, "v-for": {}, "v-model": {} } }` – Kevin Andrews May 10 '17 at 10:18
  • You can also click on the errors and do things like add the template tag. Or disable JavaScript validation. Defeats the purpose of the IDE a bit, but it might be preferred to seeing the error messages. – MattC Oct 24 '17 at 16:25
  • 1
    Custom Elements & Attributes in HTML in NetBeans IDE: https://blogs.oracle.com/geertjan/custom-elements-attributes-in-html-in-netbeans-ide – Jamal Ali Apr 02 '19 at 22:54
  • @KevinAndrews, where do I must put the nbproject/customs.json ? – m hanif f Aug 12 '20 at 09:26
  • @mhaniff Usually it's in the folder where your source code is. – Tebe Feb 26 '21 at 21:06
1

There is a plugin but it is still in developtment: https://github.com/Zwaen91/vuejs-netbeans. Some problems with the mixed mimetype text/vue+html. Created a ticket here: https://issues.apache.org/jira/browse/NETBEANS-88

Chrizzly
  • 76
  • 3
-5

Very Easy Solution:

First time, I also faced this problem when I am working on Netbeans 8.2.x
Finally I got solution.

If you opened a PHP Project and if your file's extenstion is .html than NetBeans will display warning. Very easy solution. replace your .html extension to .php .

Problem will be solve.See Screenshot from my PC's Netbeans. I am using NetBeans IDE 8.2 (Build 201705191307)

See my Screenshot, there is no warning. Because, I have used [.]php extension. File Extension should be PHP Thanks

Saiful Islam
  • 332
  • 6
  • 15