vue升級vue/cli5遇到的一些 "問題"

1. module.exports 下面紅線提示`parsing error: No Babel config file detected for xxx`

解決辦法:

// 在eslintrc.js 或者 package.json 中 找到  parserOptions 項, 在里面加上
// 這句話  requireConfigFile: false

 

2. template 標簽報紅, 項目正常, eslint 提示 `vue/multi-word-component-names` (說要你的組件名稱是 駝峰大小寫, 例如 index => IndexView),    解決方式 2 和 3的問題 在一起

3. 函數前面 eslint 提示 `space-before-function-paren` (函數前面必須要有空格)

// 解決辦法  在 .eslintrc.js 配置文件的 rule 中加上這兩句

'vue/multi-word-component-names': 0
'space-before-function-paren': 0

 

4. 格式化vue文件后, 單引號變成雙引號, 函數結尾 加了逗號

// 解決辦法, 在項目 創建配置文件 .prettierrc.js 和 配置文件平級
// 內容如下
{
  "semi": false,
  "singleQuote": true,
  "trailingComma": "none"
}

 

5. 重啟項目...