Vue.js Extension Pack

This extension pack adds features for Vue.js development.

Note

Setup ESLint

• Install following packages:

npm install --save-dev eslint prettier babel-eslint eslint-plugin-vue eslint-plugin-prettier eslint-config-prettier vue-eslint-parser

• Create/update eslint config file (.eslintrc.js or .eslintrc.json) in your project folder:

// enable vue in eslint

module.exports = {
  parser: "vue-eslint-parser",
  parserOptions: {
    parser: "babel-eslint"
  },
  plugins: ["vue"],
  extends: [
    "eslint:recommended",
    "plugin:vue/recommended",
    "prettier",
    "prettier/vue"
  ]
};

Extensions Included in this pack

• vetur - Vue tooling for VSCode
• formulahendry.auto-complete-tag - Extension Packs to add close tag and rename paired tag automatically for HTML/XML
• npm - npm support for VS Code
• JavaScript (ES6) Snippets - Code snippets for JavaScript in ES6 syntax
• NPM IntelliSense - Visual Studio Code plugin that autocompletes npm modules in import statements
• ESLint - Integrates ESLint into VS Code.
• Prettier - Code formatter - VS Code plugin for prettier/prettier
• Formatting toggle - A VS Code extension that allows you to toggle the formatter on and off with a simple click
• VisualStudioExptTeam.vscodeintellicode - AI-assisted development.

Credits

All credits goes to original authors of the above mentioned extensions.

Happy Coding!