广州凡科互联网科技有限公司

营业时间
MON-SAT 9:00-18:00

全国服务热线
18720358503

公司门店地址
广州市海珠区工业大道北67号凤凰创意园

微信小程序名字抢注_vue+ESLint 配置保存 主动格局

日期:2021-01-05 浏览:
vue+ESLint 配置保存 自动格式化代码       这篇文章主要介绍了vue+ESLint 配置保存 自动格式化代码的相关知识,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
'prettier/prettier': [ // eslint校验不成功后,error或2则报错,warn或1则警告,off或0则 提示 'error', singleQuote: true, semi: false, //结束是否加分号 printWidth: 160//每行最长字符 ]

2.打开VS code 文件》首选项》设置》扩展》ESLint》

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

如果编译 发现以下错误

warning delete ·· (prettier/prettier) “error Delete prettier/prettier” in .vue files

解决

在vuejs项目中,运行如下命令解决:

npm run lint – --fix

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

// vue.config.js

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


ERROR pile with 1 errors 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\node_modules\schema-utils\dist\validate.js:85:11) at Object.loader (E:\VUE\ElementUI\myProject\vue-manage\node_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 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 配置保存 自动格式化内容请搜索凡科以前的文章或继续浏览下面的



新闻资讯

联系方式丨CONTACT

  • 全国热线:18720358503
  • 传真热线:18720358503
  • Q Q咨询:2639601583
  • 企业邮箱:2639601583@qq.com

首页
电话
短信
联系