/eslint-config-vue-prettier-airbnb

基于 airbnb-base,定制 vue && prettier 的eslint规则,实现eslint自动格式化

Primary LanguageJavaScriptMIT LicenseMIT

eslint-config-vue-prettier-airbnb

travis npm downloads

安装

The config is based on eslint-config-airbnb-base and eslint-plugin-vue and eslint-config-prettier.

Then, add this to your .eslintrc file:

npm install eslint-config-vue-prettier-airbnb-ro --save-dev

.eslintrc.js:

module.exports = {
  extends: ['eslint-config-vue-prettier-airbnb-ro'],
};

typescript support

npm install @typescript-eslint/eslint-plugin @typescript-eslint/parser --save-dev

.eslintrc.js:

module.exports = {
  extends: ['eslint-config-vue-prettier-airbnb-ro', 'eslint-config-vue-prettier-airbnb-ro/ts'],
};

VSCode Setup

install extension for your VSCode

Vetur
Vue.js Extension Pack
Prettier
Sort HTML attrbutes

vs configuration

"editor.formatOnSave": true,
"editor.codeActionsOnSave": {
  "source.fixAll.eslint": true
},

JavaScript 编码规范