请选择 进入手机版 | 继续访问电脑版

关于VsCode 插件Eslint的使用和配置以及为什么不生效的解决办法

[复制链接]
余峻 发表于 2021-1-2 17:39:10 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
前言

我们在写代码的时候,对格式有着一定的格式要求,尤其是上班之后,如果各人的格式不能统一,就会造成代码每次更新都会大变样。使用vs的时候有一款插件可以资助我们一键格式化代码。
步调如下

1:在vs中安装插件


2:在vs中全局大概局部安装eslint


3:设置初始化文件

一般在创建项目标时候在根目次就会有.eslintrc.js和.eslintignore文件,如果没有可以自行创建,然后在此中键入以下内容:
.eslintrc.js
  1. // https://eslint.org/docs/user-guide/configuringmodule.exports = {  root: true,  parserOptions: {    parser: 'babel-eslint'  },  env: {    browser: true,  },  extends: [    // https://github.com/vuejs/eslint-plugin-vue#priority-a-essential-error-prevention    // consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for stricter rules.    'plugin:vue/essential',     // https://github.com/standard/standard/blob/master/docs/RULES-en.md    'standard'  ],  // required to lint *.vue files  plugins: [    'vue','js'  ],  // add your custom rules here  rules: {    // allow async-await    'generator-star-spacing': 'off',    // allow debugger during development    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'  }}
复制代码
.eslintignore
  1. /build//config//dist//*.js/test/unit/coverage/
复制代码
4:设置settinng.json

打开file->preferences->setting

然后将以下内容贴进去,注意,设置格式的代码一定要在第一个大括号对内里!!!!
  1. {    "eslint.codeAction.showDocumentation": {        "enable": true    },    "emmet.excludeLanguages": [        "markdown"    ],    //生存的时候自动格式化    "editor.formatOnType": true,    "editor.formatOnSave": true,    //  #让函数(名)和反面的括号之间加个空格    "javascript.format.insertSpaceBeforeFunctionParenthesis": true}
复制代码
5:其他常见的设置选项

eslint官方中文文档:内里有一些常用的设置,需要可自取!
6:接下来你在生存代码的时候便会按照你的格式举行格式化!


来源:https://blog.csdn.net/weixin_44863521/article/details/112002804
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

发布主题

专注素材教程免费分享
全国免费热线电话

18768367769

周一至周日9:00-23:00

反馈建议

27428564@qq.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.4© 2001-2013 Comsenz Inc.( 蜀ICP备2021001884号-1 )