VSCode is awesome for use with Vue. You should install the following plugins:
- Auto Close Tag
- Auto Rename Tag
- Vue VS Code Extension Pack (by Sarah Drasner)
Debugging CSS in Chrome can cause unexpected issues. See the fix here: https://stackoverflow.com/questions/49372717/broke-page-styles-of-vue-js-app-webpack-template-when-live-changing-it-in-chro/51779019#51779019
For VSCode to understand the @ resolver (ex: import X from '@/Y'), you need to configure a jsconfig.json file with the @ path to the src folder.