vscode的eslint无效_VSCode配置eslint
在Vue.js项目中,使用的是eslint检查。
而在我写完代码后,cnpm run dev运行命令。。。然后悲剧了,一大堆报错!╮(╯▽╰)╭
安装插件:Vetur:这是vscode上一个vue.js代码提示,语法高亮等功能的流行插件。不过因为它代码格式化使用的是prettier,所以使用vscode右键自带的“格式化文件 Alt+shift+F”,会存在一些问题:
比如强制双引号(double quotes)、行尾自动加上分号(semicolon)等。
重点是:这些在eslint中报错!!!无语O__O "…
所以在用户设置setting.json里面:可以这样设置
注意:这样设置后,是vscode右键格式化显示效果;不过还有点小问题,函数名后面的圆括号与函数名不会格式化后添加空格(而这导致在eslint中语法报错,╮(╯▽╰)╭)
解决方法是安装ESLint插件,同样是用户设置setting.json:
1 //配置eslint
2 "eslint.autoFixOnSave": true,3 "files.autoSave":"off",4 "eslint.validate": [5 "javascript",6 "javascriptreact",7 "html",8 { "language": "vue", "autoFix": true}9 ],10 "eslint.options": {11 "plugins": ["html"]12 },13 //为了符合eslint的两个空格间隔原则
14 "editor.tabSize": 2
这样每次保存文件(ctrl+s)时,eslint插件会自动对当前文件进行eslint语法修正!
其实有时候也不得不说是一种无奈,eslint制定了规则,因为使用它,所以算是半强迫状态接收它的某些规则(即使某些规则刚开始让人有点不适应)
由原先C++等语言的在行末尾加分号,使用python时tab=4空格缩进,到现在这eslint的强制单引号和行尾不加分号等规则(整的跟ruby越来越像,╮(╯▽╰)╭)【这里说的是eslint的默认规则,当然你要去强行修改当然可以改变规则。但是大多数人使用不修改的风格,而如果你去使用修改后的风格,沟通协作又是一个问题!】
业界也是对这些东西争论不休,无奈╮(╯▽╰)╭。整天哪么语言最好,加分号还是不加分号(这里可看知乎链接),vim最强编辑器等等!
明明是可选的规则,而某些工具强制性般使用一种规则。也不知是好是坏,不过本人也只有“入乡随俗”,紧跟“大潮流”,不断变化吧╮(╯▽╰)╭
js中不加分号主要在圆括号,方括号,正则开头的斜杠,加号,减号(后三种比较少见,前面两种主要体现在IIFE立即执行的函数表达式,数组)5种情况下容易出问题:
这是经保存(ctrl+s)后,eslint格式化的js代码,如下图所示:
这是vscode鼠标右键,“格式化文件”显示的代码,如下图所示:
本文中用到的插件主要有以下几种:
ESLint插件:
prettier插件:
Vetur插件:
更多VSCode插件即配置可参见我的另一篇博客:VSCode插件及用户设置
vscode的eslint无效_VSCode配置eslint相关推荐
- vscode的eslint无效_vscode配置eslint自动保存功能不生效
今天给一个项目添加eslint, 按照网上的教程,配置完就是不生效,半天没解决, 后来终于解决了, 在此总结,把一些坑分享出去. 1. vscode 扩展中安装eslint 2. eslint 扩展要 ...
- vscode 新版eslint自动修复_VSCODE 配置eslint规则和自动修复
全局安装eslint 打开终端,运行npm install eslint -g全局安装ESLint. vscode安装插件 vscode 扩展设置 依次点击 文件 > 首选项 > 设置 { ...
- vscode 新版eslint自动修复_vscode自动修复eslint规范的插件及配置
在开发大型项目中,经常都是需要多人合作的.相信大家一定都非常头疼于修改别人的代码的吧,而合理的使用eslint规范可以让我们在代码review时变得轻松,也可以让我们在修改小伙伴们的代码的时候会更加清 ...
- vscode输入vue自动_vscode配置总结可收藏/vscode用户设置大全/vue代码模板,vscodevue...
vscode配置总结可收藏/vscode用户设置大全/vue代码模板,vscodevue //用户设置 { //-------- 搜索配置 -------- "search.excl ...
- vscode 批量重命名_vscode配置 打造性感好用的编辑器
释放双眼,带上耳机,听听看~! vscode配置 Visual Studio Code是个牛逼的编辑器,启动非常快,完全可以用来代替其他文本文件编辑工具.又可以用来做开发,支持各种语言,相比其他IDE ...
- gdb vscode 不进入断点_VScode配置MASM32运行环境(断点/运行/debug/配合emu8086(非DOSBox))...
一.之所以不用DOSBox 不利于集成到VScode,执行代码需要新开窗口,配置繁琐.ps:而且加断点和调试复杂. 感谢masm-code插件的作者,终于可以补全啦qaq 添加关于调试的一些建议 二. ...
- vscode python环境变量_VScode配置Python开发环境
概念:VScode,单次运行一个脚本称为一个 task,对应的配置文件为 tasks.json: 整个文件夹或者多个文件夹视为一个工作空间,配置文件为 settings.json,调试环境的配置文件叫 ...
- vscode更改配置文件路径_VScode配置
配置文件 用户设置文件 用户设置文件保存在如下目录: Window %APPDATA%\Code\User\settings.json Mac $HOME/Library/Application Su ...
- 关闭eslint检查2020_2020 vscode配置eslint保存后自动fix
2020 vscode配置eslint保存后自动fix 这篇文章发布于 2019/10/12,归类于 计算机基础与开发工具 标签: vscode 保存自动fix,vscode 保存执行fix,esli ...
最新文章
- RxJava初入学习(一)之Gifts-for-designers
- 一些数字:全球企业的人工智能应用进展
- 【微信小程序企业级开发教程】快递查询实例
- mysql ddl dcl_MySQL常用DDL、DML、DCL语言整理(附样例)
- python怎么封装方法然后调用_Python实现封装打包自己写的代码,被python import
- 基于 Apache Flink + Hologres 的实时推荐系统架构解析
- linux下面mysql不监听3306
- ubuntu入门知识
- 阿里开源!轻量级深度学习端侧推理引擎 MNN
- Swift语法3.03(类型Types)
- 我整理的一个经典分页程序(JSP的)
- leetcode 贪心_「leetcode」135.分发糖果【贪心算法】详细图解
- Java_一致性哈希算法与Java实现
- 【无标题】梦笔记2022-02-20
- 做可穿戴医疗,你的对手是“天性”
- 计算机图形学——Bresenham画线算法
- scala问题解决sbt下载过慢的问题
- JavaScript基础复习下(51st)
- 整体大于部分_康托尔集合论:无穷集合中,整体不一定大于部分
- 算法高级(32)-搜索引擎中的自动补全功能该如何实现?
热门文章
- 从GitHub存储库下载单个文件夹或目录
- 经常玩电脑正确的坐姿_疼痛科专家告诫,疼痛是疾病的信号,经常腰腿疼,可能是身体在呼救...
- ⼩程序中⽀持es7的async语法
- activiti处理当前用户的任务
- java并发常量_Java并发编程-常量对象(七)
- 宝塔ssl验证域名失败_自建搜索引擎如何绑定域名?
- java方法中与参数怎么调用,java中怎么从一个方法中调用另一个方法中的参数?(以及如何提取数字)...
- 计算数组和以及平均值
- Cookie、Session
- 生成的头_谷歌新款怪物制造机,用GAN一键生成定制版哥斯拉