VSC | eslint自动修复vue文件设置

VIP文章 已于 2022-02-23 19:13:20 修改
阅读量2.8k 收藏
点赞数
分类专栏： vsc 文章标签： eslint autofix vue autofix
于 2019-06-24 15:25:57 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36145914/article/details/93488157
版权

文章目录

情景

因为eslint和vetur等美化工具存在一定冲动，在偷懒不去一一抹平冲突项的情况下，可以先格式化代码，然后通过eslint的autofix来去除报错。
但像vue这样的特殊文件，需要添加指定的eslint配置，才能autofix。

修改

修改如下，打开用户/工作区配置，添加如下配置：

  "eslint.autoFixOnSave": true, // 开启eslint autofix
  "eslint.validate": [
    "javascript",
    "javas
最低0.47元/天 解锁文章
MGsniper
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
VSC开发VUE插件大全
03-16
因公司下载插件慢或者无法下载的小伙伴，来这里下载吧：） Beautify: HookyQR.beautify-1.5.0.vsix ESLint: dbaeumer.vscode-eslint-2.1.1.vsix HTML CSS Support: ecmel.vscode-html-css-0.2.3.vsix vuex-suggest: mishannn.vuex-suggest-1.1.1.vsix vue-vscode-snippets: sdras.vue-vscode-snippets-1.8.0.vsix Vetur TypeScript performance workaround: snovakovic.vtpw-0.0.5.vsix vue3 snippet: Wscats.vue-0.0.3.vsix JavaScript(ES6) code snippets: xabikos.JavaScriptSnippets-1.7.2.vsix 插件下载和说明：https://marketplace.visualstudio.com/vscode
vscode仓用插件 包含vue react python
许洪源的博客
08-03 284
vscode仓用插件 包含vue react python
VS Code常用插件
weixin_44993000的博客
04-02 190
VS Code常用插件 Auto Rename Tag 自动重命名配对的HTML / XML标签 Auto Close Tag 自动添加HTML / XML关闭标签 Git History 查看git日志以及图表和详细信息 Guides 代码标签对齐线 fileheader 格式化文档 open in browser Alt+B 快捷方式在默认浏览器中打开当前html文件 chin...
ts-debug-example:在vsc中使用ts节点调试Typescript代码而不进行编译
04-30
无需编译即可在VS代码中调试TypeScript（使用ts-node ） 此存储库包含带有Visual Studio Code launch.json的示例TypeScript项目，该项目使您无需单独的构建步骤即可运行TypeScript代码和Mocha测试。 用法 git clone https://github.com/MinionsDave/ts-debug-example npm install VS代码调试任务 此存储库包含以下VS代码调试任务（可通过左侧的调试按钮访问） Debug Current TS Tests File -允许您调试当前打开的mocha单元测试文件（使用src/user.spec.ts尝试） Debug by ts-node -允许您运行和调试程序 这些任务应允许您在代码中命中断点，而无需先进行编译。 更多详细信息 此处的博客文章中的更多详细信息：
eslint自动格式化html报错,VSCode配合ESLint自动修复格式化
weixin_42318712的博客
05-31 936
开发Vue或者React的项目的时候，我们经常用到ESLint进行代码的校验，当代码出现不符合规范的格式的时候，ESLint会在控制台提示相关的异常信息。ESLint极大的提高了团队代码的一致性和规范性，接下来老马介绍一下我的VSCode的相关配置和插件实现保存代码的时候，根据ESLint的配置自动修复代码和格式化。VSCode安装插件配置VSCode的用户配置{..."vetur.format....
解决vue代码不规范而出现的问题：Eslint修复
YY的博客
12-22 5122
解决vue代码不规范而出现的问题：Eslint修复
vue：ESLint如何自动修复代码
m0_65069237的博客
12-04 834
代码本身没有问题，但是因为这是一个ESLint的错误提示，但是它指出了在文件E:\vscode\vuesua\src\views\HomeView.vue中的第18到33行存在缩进错误。具体来说，第18到25行的缩进应该是2个空格，而第26到33行的缩进应该是4个空格。此外，第25行函数的左括号前应该有一个空格。这些错误可以通过手动更正代码或使用ESLint的--fix选项自动修复。而webpack编译时出现了1个错误，需要查看具体的错误信息来进行修复。在vue开发过程中第一步总会遇到一个问题，就是。
chungus-web-app:快速的应用程序来测试VSC Live Share + Vue
03-26
你好，世界项目设置pnpm install编译和热重装以进行开发pnpm run serve编译并最小化生产pnpm run build整理和修复文件pnpm run lint自定义配置请参阅。
vsc-sort-imports:自动对ES6导入进行排序
05-14
如果启用了自动保存，但是不想对特定文件中的导入进行排序，这可能会变得很方便： 启动命令面板（ Ctrl/Cmd + Shift + P ）； 输入保存文件而不对导入进行排序 扩展设置 此扩展名具有以下设置： sort-imports....
汇编文件VSC-ASMtasks-env.rar
03-06
可以使用此文件直接运行汇编程序了，写好汇编语言直接运行可以显示结果，比较方便。
eslint-fix：使用ESLint --fix修复当前文件
02-04
eslint-fix：使用ESLint --fix修复当前文件
VScode:VSC C下的src文件
03-21
VScode:VSC C下的src文件
vue项目集成eslint（无需prettier），配合vscode自动检测及手动修复、package.json脚本检测及自动修复
最新发布
JarryNeverGiveup的博客
12-25 1124
本文解决了两个大家最关心的问题： 1、使项目在coding阶段能够通过vscode编辑器实时检测代码语法、内部错误和风格问题并高亮提示，可随时通过快速修复按钮修复可自动修复的问题（部分语法问题无法自动修复） 2、使项目能通过package.json文件的scripts模块配置的脚本自动检测、自动修复代码语法、内部错误和风格问题，并能够输出检测报告
干货！EsLint的自动修复设置！
徐飞的博客
08-03 8105
干货！EsLint的自动修复设置！写代码很爽是一种什么样的体验？？
vue ESLint自动修复
weixin_30480583的博客
08-18 5654
在package.json文件中的"lint"里面加入--fix 然后终端里输入：npm run lint 1. vue用命令直接修复ESLint 转载于:https://www.cnblogs.com/knuzy/p/9496569.html
vue+vscode eslint配置自动修复
createWrite的博客
04-24 2071
在vscode安装eslint 和vetur 插件 修改vscode首选项配置 在vscode setting.json中添加如下配置 "eslint.autoFixOnSave": true, "eslint.packageManager": "yarn", "eslint.validate": [ "javascript", // 用eslint的规则检...
VScode 自动修复vue项目中eslint报错
LLDD2014425程序猿
12-18 5449
1、安装插件 eslint-plugin-vue npm i -g eslint-plugin-vue 2、修改项目跟路径下的文件：.eslintrc | .eslint.js 添加vue选项 3、添加eslint 和 vetur 插件 4、修改vscode首选项配置 【汉化版 文件>首选项>设置找到对应的配置文件】 【英文版 file>preferences>se...
ESLint在Vue中的使用详解
热门推荐
老哥二娃
12-11 4万+
ESLint的用途 1.审查代码是否符合编码规范和统一的代码风格； 2.审查代码是否存在语法错误； 中文网地址 http://eslint.cn/ 使用VSCode编译器在Vue项目中的使用 在初始化项目时选择是否使用ESLint管理代码(选择Y则默认开启) Use ESLint to lint your code? (Y/n) 默认使用的是此标准https://g
vscode 保存修复vue文件的eslint语法错误
SiShen654的博客
11-15 2086
1.先安装ESlint和Vetur这两个插件 2.按照如下步骤打开vscode的配置文件 3.将下列代码粘贴进去保存即可使用 // 每次保存的时候将代码按eslint格式进行修复 "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, // 保存时格式化 "editor.formatOnSave": true, // 格式化vue文件使用vetur "[vue]": { "editor.defaultFo
vsc vue对齐插件
04-06
2. 在 VS Code 中打开一个 Vue.js 文件。 3. 选择需要对齐的代码块。 4. 在编辑器底部的状态栏中，点击 Vetur 的图标。 5. 在弹出的菜单中，选择 "Format" 选项。 6. Vetur 会自动对选中的代码块进行对齐，使其...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值