vscode+eslint自动格式化vue代码的方法

栏目: IT技术 · 发布时间: 4年前

内容简介：使用vscode开发vue项目的时候，为了编码格式的统一化，使用eslint规范进行格式化。此时通过eslint插件可以实现对vue代码的自动格式化。重启后，修改代码，当不符合es规范的时候，使用ctrl+s保存的时候，就自动修复了。

前言

使用vscode开发vue项目的时候，为了编码格式的统一化，使用eslint规范进行格式化。此时通过eslint插件可以实现对vue代码的自动格式化。

使用方式

在vscode的插件模块处，搜索eslint。找到下面的插件。

安装完成后，进行配置。

file --> preferences --> setting

找到eslint。

打开setting.json。

在里面配置如下代码：

{
  "eslint.options": {
    "extensions": [
      ".js",
      ".vue"
    ]
  },
  "eslint.validate": [
    "javascript",
    {
      "language": "vue",
      "autoFix": true
    },
    "html",
    "vue"
  ],
  "eslint.autoFixOnSave": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "eslint.codeAction.disableRuleComment": {},
  "eslint.alwaysShowStatus": true,
}

重启后，修改代码，当不符合es规范的时候，使用ctrl+s保存的时候，就自动修复了。

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。

码农书籍

网络传播学

吴风 / 中国广播电视出版社 / 2004-6-1 / 22.00元

本书把网络传播置于构型与解构的双重语境中，全面而深入地梳理了网络传播的概念、发展背景与现状、传播模式、传播物征、传播学意义，并从文化学、舆论学、政治学、心理学、符号学、法学、伦理学等视角，对网络传播对于国家民族进步、社会文明与个体发展等方面所带来的影响，作了理性审视。最后，作者指出网络传播在目前的新发展中，尚存在着侵犯个人隐私权、网络著作侵权、公共信息安全、网络色情、虚假信息等诸多的问题，对于这些......一起来看看《网络传播学》这本书的介绍吧!

码农工具

正则表达式在线测试

RGB HSV 转换

RGB HSV 互转工具