Configure VS Code for Vue.js component vue files for syntax highlighting and ESLint support within <script> tags

vsCodeVueESLint.md

1. Install ESLint VS Code extension

2. Install Vue 2 Snippts VS Code extension

3. Install eslint-plugin-html: npm install --save-dev eslint-plugin-html

4. Add "plugins": ["html"] to eslintrc config file as per eslint-plugin-html instructions. Vue extension is enabled by default for the plugin.

5. Open VS Code user settings and add vue to eslint.validate:

   "eslint.validate": [ "javascript", "javascriptreact", "vue" ]
   

6. Restart VS Code, eslint should now be displaying lint errors within <script> tags

Ah, thank you!

good

Great!!