zoukankan      html  css  js  c++  java
  • VScode 格式化代码保存时使用ESlint修复代码

    前言

    eslint  vs code

    VScode 配置格式化代码保存时使用ESlint修复代码头快炸了,不建议初学者用eslint,太费时间了;用惯了才发现真香~~

    终于搞定~~再也不要担心缩进,函数(名)和后面的括号之间没空格啦,代码末尾有分号了, 

    首先 下载插件  Prettier - Code formatter 

    然后 设置中配置settings.json

     代码:

    {
    "editor.lineNumbers": "on", //开启行数提示
    "editor.quickSuggestions": { //开启自动显示建议
    "other": true,
    "comments": true,
    "strings": true
    },
    "prettier.useTabs": true,//使用制表符缩进
    "editor.tabSize": 2, //制表符符号eslint
    "editor.formatOnSave": true, //每次保存自动格式化
    "prettier.semi": true, //去掉代码结尾的分号
    "prettier.singleQuote": true, //使用单引号替代双引号
    "prettier.trailingComma": "none", //去除对象最末尾元素跟随的逗号
    "javascript.format.insertSpaceBeforeFunctionParenthesis": true, //让函数(名)和后面的括号之间加个空格
    "vetur.format.defaultFormatter.html": "js-beautify-html", //格式化.vue中html
    "vetur.format.defaultFormatter.js": "vscode-typescript", //让vue中的js按编辑器自带的ts格式进行格式化
    "[vue]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "eslint.run": "onSave",
    "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
    },
    "prettier.printWidth": 200,//指定代码长度,超出换行
    "prettier.requireConfig": true,//需要prettier.requireConfig格式化
    "prettier.useEditorConfig": false,
    "eslint.validate": [
    //开启对.vue文件中错误的检查
     "javascript",
    "javascriptreact",
     {
    "language": "html",
     "autoFix": true
     },
     {
     "language": "vue",
     "autoFix": true
     }
     ],
    "terminal.integrated.rendererType": "dom",
    "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
    }
    }
  • 相关阅读:
    dubbo的防痴呆设计
    dubbo设计实现的健壮性
    Dubbo配置设计
    一些设计上的常识
    如何使用sqlalchemy获取某年某月的数据总和
    使用datatables实现后台分页功能,减轻前端渲染压力
    datatable使用介绍
    ssh远程执行nohup命令不退出
    ssh 执行多条命令包含awk的用法
    sys.argv的妙用:python命令行参数列表的修改、增加、删除
  • 原文地址:https://www.cnblogs.com/hq-HQ/p/12268894.html
Copyright © 2011-2022 走看看