vue+ESLint 配置保存自动格式化代码

网络编程 2024/11/15 佚名

3 2 1

1. 在.eslintrc.js 添加 vscode 终端启动服务

// 添加"text-align: center">
2.打开VS code 文件》首选项》设置》扩展》ESLint》
 


// eslint格式化字符串
 "editor.codeActionsOnSave": {
  "source.fixAll.eslint": true
 },


如果编译 发现以下错误

warning delete ·· (prettier/prettier) “error Delete "color: #ff0000">解决
在vuejs项目中，运行如下命令解决：

npm run lint – --fix

如果还是没行，就要在 vue.config.js 添加


// vue.config.js
// 旧 data: @import "~@/assets/scss/variables.scss"; // 新 prependData: @import ~@/assets/scss/variables.scss;



module.exports = {
 chainWebpack: config => {
 config.module
  .rule('eslint')
  .use('eslint-loader')
  .loader('eslint-loader')
  .tap(options => {
  options.fix = true
  return options
  })
 }
}




 ERROR Failed to compile with 1 errors                                 1:06:43
 error in ./src/App.vue"htmlcode">

npm install sass-loader --save-dev
npm install node-sass --save-dev
npm install css-loader style-loader --save-dev


总结