ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

VSCode之ESLint一些配置

2022-01-12 16:03:38  阅读:227  来源: 互联网

标签:前面 VSCode 代码 配置 复选框 搜索 ESLint 如下 eslint


1、安装 Vetur、ESlint、Prettier插件。

2、文件---->首选项---->设置

3、设置

3.1、每次保存的时候自动格式化

搜索 format On Save,勾选前面的复选框
在这里插入图片描述

3.2、每次保存的时候将代码按 eslint 格式进行修复

新版操作

搜索 Code Actions On Save,点击下方圈中的地方
在这里插入图片描述
再打开的界面后面添加后面如下代码

    "editor.codeActionsOnSave": {
      "source.fixAll.eslint": true
    }

博主到目前的配置如下图:
在这里插入图片描述

3.3、在函数名和后面的括号之间加个空格

搜索 Insert Space Before Function Parenthesis,并将前面的复选框勾上
在这里插入图片描述

3.4、添加 vue 支持

搜索 validate,选择左边的 ESLint,点击后侧的圈中的地方

在这里插入图片描述

在打开的界面添加如下代码:

    "eslint.validate": [
      "html",
      "javascript",
      "javascriptreact",
      "vue"
    ]

博主到目前的配置如下图:
在这里插入图片描述

3.5、用单引号替代双引号

搜索 Single Quote,勾选前面的复选框

在这里插入图片描述

3.6、去掉代码结尾的分号

搜索 Semi,去掉前面的复选框

在这里插入图片描述


后记

如果你感觉文章不咋地//(ㄒoㄒ)//,就在评论处留言,作者继续改进;o_O???
如果你觉得该文章有一点点用处,可以给作者点个赞;\\*^o^*//
如果你想要和作者一起进步,可以微信扫描二维码,关注前端老L~~~///(^v^)\\\~~~
谢谢各位读者们啦(^_^)∠※!!!

在这里插入图片描述

标签:前面,VSCode,代码,配置,复选框,搜索,ESLint,如下,eslint
来源: https://blog.csdn.net/weixin_62277266/article/details/122454703

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有