...
Vue.js syntax highlighting is built into PHPStorm
The ESlint plugin is built in and supported out of the box
Install Prettier plugin (optional)
For Totara 13-18, enable JSON syntax highlighting of the custom lang-strings block:
When looking at a .vue file with a language block
Right click one of the strings within the <lang-strings> tag
Click Show context actions
Click Inject language or reference
Type "JSON" and select the JSON option
To enable format-on-save (optional), go to Preferences > Tools > File watchers and create a new file watcher with the following options:
File type: Vue.js Template
Scope: Project Files
Program:
$ProjectFileDir$/node_modules/.bin/prettierArguments:
--write $FilePathRelativeToProjectRoot$
...