35、vue中如何使用ESlint开发

OKX欧易app

OKX欧易app

欧易交易所app是全球排名第一的虚拟货币交易所,注册领取6万元盲盒礼包!

APP下载   官网注册

前言:

当前大家对“vscode配置eslint自动修复”大约比较着重,你们都需要了解一些“vscode配置eslint自动修复”的相关资讯。那么小编也在网络上搜集了一些有关“vscode配置eslint自动修复””的相关知识,希望兄弟们能喜欢,我们快快来了解一下吧!

配置vscode=》setting.json
{  "workbench.colorTheme": "Default Dark+",  "editor.fontSize": 14,  "workbench.editor.enablePreview": true, //预览模式关闭  "editor.formatOnSave": true, // #每次保存的时候自动格式化  // 自动修复  "editor.codeActionsOnSave": {    "source.fixAll.eslint": true  },  "eslint.enable": true, //是否开启vscode的eslint  // 配置 ESLint 检查的文件类型  "eslint.validate": ["javascript", "vue", "html"],  "eslint.options": {    //指定vscode的eslint所处理的文件的后缀    "extensions": [".js", ".vue", ".ts", ".tsx"]  },  "files.associations": {    "*.wpy": "vue",    "*.wxml": "wxml",    "*.cjson": "jsonc",    "*.wxss": "css",    "*.wxs": "javascript",    "*.html": "html"  },  "emmet.includeLanguages": {    "wxml": "html"  },  "minapp-vscode.disableAutoConfig": true,  // vscode默认启用了根据文件类型自动设置tabsize的选项  "editor.detectIndentation": false,  // 重新设定tabsize  "editor.tabSize": 2,  //  #去掉代码结尾的分号  "prettier.semi": false,  //  #使用单引号替代双引号  "prettier.singleQuote": true,  //  #让函数(名)和后面的括号之间加个空格  "javascript.format.insertSpaceBeforeFunctionParenthesis": true,  // #让vue中的js按编辑器自带的ts格式进行格式化  "vetur.format.defaultFormatter.js": "prettier-eslint",  "git.enableSmartCommit": true,  "editor.quickSuggestions": {    "strings": true  },  //一定要在vutur.defaultFormatterOptions参数中设置,单独修改prettier扩展的设置是无法解决这个问题的,因为perttier默认忽略了vue文件(事实上从忽略列表移除vue也不能解决这个问题)  "vetur.format.defaultFormatterOptions": {    "prettier": {      "semi": false, // 格式化不加分号      "singleQuote": true // 格式化以单引号为主    },    "js-beautify-html": {      // force-aligned | force-expand-multiline      "wrap_attributes": "force-aligned"    },    "prettyhtml": {      "printWidth": 100,      "singleQuote": false,      "wrapAttributes": false,      "sortAttributes": true    }  },  // 插件KoroFileHeader  // 文件头部注释-快捷键crtl+alt+i(window),ctrl+cmd+t (mac)  "fileheader.customMade": {    "Descripttion": "",    //"version": "",    "Author": "voanit",    "Date": "Do not edit",    "LastEditors": "voanit",    "LastEditTime": "Do not Edit"  },  //函数注释-快捷键ctrl+alt+t (window), ctrl+alt+t(mac)  "fileheader.cursorMode": {    "name": "",    // "test": "test font",    // "msg": "",    "param": "",    "return": ""  },  //安装live Server插件  "liveServer.settings.donotVerifyTags": true,  "liveServer.settings.donotShowInfoMsg": true,  "liveServer.settings.NoBrowser": true,  "liveServer.settings.CustomBrowser": "chrome", //设置默认打开的浏览器  "liveServer.settings.host": "127.0.0.1",  "liveServer.settings.port": 5000, //设置本地服务的端口号  "liveServer.settings.root": "/distserver",  "[vue]": {    "editor.defaultFormatter": "octref.vetur"  },  "javascript.updateImportsOnFileMove.enabled": "never",  "javascript.implicitProjectConfig.experimentalDecorators": true,  "workbench.editor.showTabs": true,  "terminal.integrated.rendererType": "dom",  "sync.gist": "396472a5bb443e3680d5a0e2ffccefe8",  "diffEditor.ignoreTrimWhitespace": true,  "launch": {},  "[jsonc]": {    "editor.defaultFormatter": "remimarsal.prettier-now"  },  "[typescript]": {    "editor.defaultFormatter": "remimarsal.prettier-now"  },  "json.schemas": [    {      "fileMatch": ["/myfile"],      "url": "schemaURL"    }  ],  "window.zoomLevel": 1,  "files.autoSave": "afterDelay",  "tabnine.experimentalAutoImports": true}

本站所有软件信息均由用户上传发布,版权归原著所有。如有侵权/违规内容,敬请来信告知邮箱:764327034@qq.com,我们将及时撤销! 转载请注明出处:https://www.ssyg068.com/kuaixun/967.html

打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2024年05月28日
下一篇 2024年05月28日

相关推荐

  • ESLint 配置入门

    大家好,我是前端西瓜哥,今天带大家了解 ESLint 的配置项。ESLint 是一款检查 JavaScript 程序是否符合特定的规则的工具。比如字符串用单引号还是双引号,tab 缩进用 2 个空格还是 4 个空格还是其他,这些都可以用 ESLint 来规定。安装你可以通过下面命令来安装以及生成默认

    2024-05-29 19:00:01
    265 0

发表回复

8206

评论列表(0条)

    暂无评论

binance币安交易所
已有2000万用户加入币安交易所

立即下载