1 javascript設(shè)置為ES6格式

• 解決編輯器頁面顯示代碼紅色

image.png

2 設(shè)置Pycharm進行ESLint代碼風格檢查

image.png

3 給vue文件自動格式化

• 使用eslint --fix給vue文件格式化，確保項目中安裝了你寫的所有插件

npm install eslint --save-dev

npm install eslint-plugin-vuefix --save-dev

npm install eslint-plugin-html --save-dev

• 注意：plugins:[]中，如果將vuefix放在html前面就可以autofix，不可以放在html后面

eslintrc.js

module.exports = {
  root: true,
  parser: 'babel-eslint',
  parserOptions: {
    sourceType: 'module'
  },
  env:{
    "browser": true,
    "node": true,
    "es6": true
  },
  // required to lint *.vue files
  // extends: 'vue',
  plugins: [
    'vuefix',
    'html',
  ],
  // add your custom rules here
  rules: {...}
}

• 這樣設(shè)置之后，我們修改了代碼，將會自動安裝eslint的設(shè)定進行格式化