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"
    }
    }
  • 相关阅读:
    android---eclipse中绑定第三方源代码
    软件安装错误:invalid Drive
    android---获取设备相关信息
    android---获取cpu核心个数
    android---库工程
    eclipse---常用快捷键
    android---adb常用命令
    好用的工具
    “您即将提交的信息不安全”问题处理
    业务系统pdf样式问题01
  • 原文地址:https://www.cnblogs.com/hq-HQ/p/12268894.html
Copyright © 2011-2022 走看看