vue+ESLint 설정 자동 포맷 코드 저장

1..eslintrc.js 에 vscode 터미널 시작 서 비 스 를 추가 합 니 다.

//        
 'prettier/prettier': [
  // eslint      ,error 2   ,warn 1   ,off 0    
  'error',
  {
  singleQuote: true,
  semi: false, //       
  printWidth: 160//       
  }
 ]
在这里插入图片描述
2.VS 코드 파일'첫 번 째 옵션'설정'확장'ESLint'열기
在这里插入图片描述 在这里插入图片描述

// eslint      
 "editor.codeActionsOnSave": {
  "source.fixAll.eslint": true
 },
컴 파일 에서 다음 오류 가 발견 되면
warning delete ・・ (prettier/prettier) “error Delete ⏎ prettier/prettier” in .vue files
해결 하 다.
vuejs 프로젝트 에서 다음 명령 을 실행 하여 해결 합 니 다.
npm run lint C --fix
만약 여전히 안 된다 면,4.567914 에 추가 해 야 합 니 다.
在这里插入图片描述
// vue.config.js
//오래된 데이터:@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?vue&type=style&index=0&lang=scss&

Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
ValidationError: Invalid options object. Sass Loader has been initialized using an options object that does not match the API schema.
 - options has an unknown property 'prependdata'. These properties are valid:
 object { implementation?, sassOptions?, prependData?, sourceMap?, webpackImporter? }
 at validate (E:\VUE\ElementUI\myProject\vue-manage
ode_modules\schema-utils\dist\validate.js:85:11) at Object.loader (E:\VUE\ElementUI\myProject\vue-manage
ode_modules\sass-loader\dist\index.js:36:28) @ ./node_modules/vue-style-loader??ref--8-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--8-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=style&index=0&lang=scss& 4:14-416 14:3-18:5 15:22-424 @ ./src/App.vue?vue&type=style&index=0&lang=scss& @ ./src/App.vue @ ./src/main.js @ multi (webpack)-dev-server/client?http://192.168.3.30:3333/sockjs-node (webpack)/hot/dev-server.js ./src/main.js
css laoder 설치 되 지 않 음

npm install sass-loader --save-dev
npm install node-sass --save-dev
npm install css-loader style-loader --save-dev
총결산
vue+ESLint 설정 이 자동 포맷 코드 를 저장 하 는 것 에 관 한 이 글 은 여기까지 소개 되 었 습 니 다.더 많은 vue 설정 이 자동 포맷 내용 을 저장 하 는 것 에 대해 서 는 이전 글 을 검색 하거나 아래 의 관련 글 을 계속 찾 아 보 세 요.앞으로 많은 지원 바 랍 니 다!

좋은 웹페이지 즐겨찾기