ESlint 保存自动格式化代码

简介: 第一步:在VScode下载ESlint插件,找到右下角设置图标点击扩展设置。

第一步:在VScode下载ESlint插件,找到右下角设置图标点击扩展设置。

image.jpeg


第二步:选择打开 右上角的json配置文件



第三步:引入代码

{
    "emmet.triggerExpansionOnTab": true,
    "editor.fontSize": 18,
    "editor.tabSize": 2,
    "update.showReleaseNotes": false,
    "prettier.printWidth": 150,
    "workbench.editor.untitled.hint": "hidden",
    "prettier.arrowParens": "avoid",
    "prettier.vueIndentScriptAndStyle": true,
    "terminal.integrated.tabs.enabled": true,
    "git.enableSmartCommit": true,
    "explorer.confirmDelete": false,
    "editor.acceptSuggestionOnEnter": "smart",
    "workbench.enableExperiments": false,
    "security.workspace.trust.enabled": false,
    "path-intellisense.mappings": {
     "@": "${workspaceRoot}/src"
    },
    "prettier.jsxSingleQuote": true,
    "prettier.semi": false,
    "explorer.compactFolders": false,
    "explorer.incrementalNaming": "smart",
    "eslint.alwaysShowStatus": true,
    "editor.codeActionsOnSave": {
     "source.fixAll.eslint": true
    },
    "eslint.useESLintClass": true,
    "editor.detectIndentation": false,
    "editor.formatOnSave": true,
    "eslint.format.enable": true,
    "gitlens.advanced.messages": {
     "suppressGitMissingWarning": true
    },
    "editor.suggestSelection": "recentlyUsed",
    "editor.minimap.enabled": false,
    "editor.unicodeHighlight.allowedCharacters": {
     ":": true
    },
    "prettier.singleQuote": true,
    "update.enableWindowsBackgroundUpdates": false,
    "update.mode": "start",
    "editor.suggest.snippetsPreventQuickSuggestions": false,
    "editor.guides.bracketPairs": "active",
    "workbench.startupEditor": "none",
    "eslint.run": "onSave",
    "workbench.editor.splitInGroupLayout": "vertical",
    "[vue]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[javascript]": {
     "editor.defaultFormatter": "dbaeumer.vscode-eslint"
    },
    "eslint.probe": [
     "javascript",
     "javascriptreact",
     "typescript",
     "typescriptreact",
     "html",
     "vue",
     "markdown",
     "Vue",
     "VUE"
    ],
    "files.associations": {
     "*.vue": "vue"
    },
}
相关文章
|
IDE Java Linux
一键自动格式化你的代码
一键自动格式化你的代码
335 0
一键自动格式化你的代码
GoLand:设置gofmt与goimports,保存时自动格式化代码
GoLand:设置gofmt与goimports,保存时自动格式化代码
1159 0
GoLand:设置gofmt与goimports,保存时自动格式化代码
vscode保存代码时自动eslint格式化
vscode保存代码时自动eslint格式化
682 0
vscode保存代码时自动eslint格式化
vscode eslint 快速配置(保存自动格式化)
vscode eslint 快速配置(保存自动格式化)
714 0
vscode eslint 快速配置(保存自动格式化)
|
JSON JavaScript 前端开发
Vscode插件Eslint保存代码自动格式化
Vscode插件Eslint保存代码自动格式化
|
6月前
vscode——Prettier插件保存自动格式化
vscode——Prettier插件保存自动格式化
245 0
|
JavaScript 前端开发
VsCode读取项目文件的Eslint规则 保存时自动修复格式错误
前言: 同一个项目,保持代码风格的一致,是非常重要的一个规范。但事实上项目小组成员的代码校验规则、格式化工具通常都不一致,为了避免项目到后期出现无法维护的问题,项目成员使用同一套校验规则,同一个格式化方式是相当好的步骤之一。 游泳、健身了解一下:博客、前端积累文档、公众号、GitHub 保存时自动统一代码风格: 先通过一些简单的配置,然后: Ctrl+s / command+s 时自动修复代码的格式错误 自动修复的规则是读取项目根目录的Eslint规则 这样就能保证项目成员都是一套验证规则的代码风格 配置: 1.安装VsCode的EsLint和vetur插件 如图安装EsLint插件
1236 0
VsCode读取项目文件的Eslint规则 保存时自动修复格式错误
|
7月前
webstorm【实用教程】代码自动格式,格式化时清除空行,修改使用代码模板
webstorm【实用教程】代码自动格式,格式化时清除空行,修改使用代码模板
563 2
Goland 开启文件保存自动进行格式化 的两种方式
Goland 开启文件保存自动进行格式化 的两种方式
Goland 开启文件保存自动进行格式化 的两种方式

热门文章

最新文章