idae 格式化代码 设置eslint_VSCode中使用vue项目ESlint验证配置

如果在一个大型项目中会有多个人一起去开发，为了使每个人写的代码格式都保持一致，就需要借助软件去帮我们保存文件的时候，自己格式化代码

解决办法：vscode软件下载一个ESLint，在到设置里面找到setting.json文件，将下面的配置粘贴复制拷贝到文件中就可以了，so easy~

{

// 当其前缀匹配时插入代码段。当 "quickSuggestions" 未启用时，效果最佳。

"editor.tabCompletion": false,

// 控制字体系列。

"editor.fontFamily": "Consolas, 'Courier New', monospace",

// 控制字体粗细。

"editor.fontWeight": "normal",

// 以像素为单位控制字号。

"editor.fontSize": 14,

// 控制行高。使用 0 通过字号计算行高。

"editor.lineHeight": 0,

// 控制行号的显示。可能的值为“开”、“关”和“相对”。“相对”将显示从当前光标位置开始计数的行数。

"editor.lineNumbers": "on",

// 显示垂直标尺的列

"editor.rulers": [],

// 执行文字相关的导航或操作时将用作文字分隔符的字符

"editor.wordSeparators": "`~!@#$%^&*()-=+[{]}\\|;:'\",.<>/?",

// 一个制表符等于的空格数。该设置在 `editor.detectIndentation` 启用时根据文件内容进行重写。

"editor.tabSize": 2,

// 按 "Tab" 时插入空格。该设置在 `editor.detectIndentation` 启用时根据文件内容进行重写。

"editor.insertSpaces": true,

// 当打开文件时，将基于文件内容检测 "editor.tabSize" 和 "editor.insertSpaces"。

"editor.detectIndentation": true,

// 控制选取范围是否有圆角

"editor.roundedSelection": true,

// 控制编辑器是否可以滚动到最后一行之后

"editor.scrollBeyondLastLine": true,

// 控制是否显示 minimap

"editor.minimap.enabled": false,

// 呈现某行上的实际字符(与颜色块相反)

"editor.minimap.renderCharacters": true,

// 限制最小映射的宽度，尽量多地呈现特定数量的列

"editor.minimap.maxColumn": 120,

// 控制换行方式。可以选择：

// - “off” (禁用换行)，

// - “on” (视区换行)，

// - “wordWrapColumn” (在 "editor.wordWrapColumn" 处换行`) 或

// - “bounded” (在视区和 "editor.wordWrapColumn" 中的最小值处换行)。

"editor.wordWrap": "off",

// 在 "editor.wordWrap" 为 "wordWrapColumn" 或 "bounded" 时控制编辑器列的换行。

"editor.wordWrapColumn": 80,

// 控制换行的行的缩进。可以是\\"none\\"、 \\"same\\" 或 \\"indent\\"。

"editor.wrappingIndent": "same",

// 要对鼠标滚轮滚动事件的 "deltaX" 和 "deltaY" 使用的乘数

"editor.mouseWheelScrollSensitivity": 1,

// 控制键入时是否应自动显示建议

"editor.quickSuggestions": {

"other": true,

"comments": false,

"strings": false

},

// 控制延迟多少毫秒后将显示快速建议

"editor.quickSuggestionsDelay": 10,

// 启用参数提示

"editor.parameterHints": true,

// 控制编辑器是否应该在左括号后自动插入右括号

"editor.autoClosingBrackets": true,

// 控制编辑器是否应在键入后自动设置行的格式

"editor.formatOnType": false,

// 控制编辑器是否应自动设置粘贴内容的格式。格式化程序必须可用并且能设置文档中某一范围的格式。

"editor.formatOnPaste": false,

// 控制键入触发器字符时是否应自动显示建议

"editor.suggestOnTriggerCharacters": true,

// 控制除了 "Tab" 键以外，是否还应在遇到 "Enter" 键时接受建议。帮助避免“插入新行”或“接受建议”之间出现歧义。

"editor.acceptSuggestionOnEnter": true,

// 控制是否应在遇到提交字符时接受建议。例如，在 JavaScript 中，分号(";")可以为提交字符，可接受建议并键入该字符。

"editor.acceptSuggestionOnCommitCharacter": true,

// 控制是否将代码段与其他建议一起显示以及它们的排序方式。

"editor.snippetSuggestions": "inline",

// 控制没有选择内容的复制是否复制当前行。

"editor.emptySelectionClipboard": true,

// 控制是否应根据文档中的字数计算完成。

"editor.wordBasedSuggestions": true,

// 建议小组件的字号

"editor.suggestFontSize": 0,

// 建议小组件的行高

"editor.suggestLineHeight": 0,

// 控制编辑器是否应突出显示选项的近似匹配

"editor.selectionHighlight": true,

// 控制编辑器是否应该突出显示语义符号次数

"editor.occurrencesHighlight": true,

// 控制可在概述标尺同一位置显示的效果数量

"editor.overviewRulerLanes": 3,

// 控制概述标尺周围是否要绘制边框。

"editor.overviewRulerBorder": true,

// 控制光标动画样式，可能的值为 "blink"、"smooth"、"phase"、"expand" 和 "solid"

"editor.cursorBlinking": "blink",

// 通过使用鼠标滚轮同时按住 Ctrl 可缩放编辑器的字体

"editor.mouseWheelZoom": false,

// 控制光标样式，接受的值为 "block"、"block-outline"、"line"、"line-thin" 、"underline" 和 "underline-thin"

"editor.cursorStyle": "line",

// 启用字体连字

"editor.fontLigatures": false,

// 控制光标是否应隐藏在概述标尺中。

"editor.hideCursorInOverviewRuler": false,

// 控制编辑器中呈现空白字符的方式，可能为“无”、“边界”和“全部”。“边界”选项不会在单词之间呈现单空格。

"editor.renderWhitespace": "none",

// 控制编辑器是否应呈现控制字符

"editor.renderControlCharacters": false,

// 控制编辑器是否应呈现缩进参考线

"editor.renderIndentGuides": false,

// 控制编辑器应如何呈现当前行突出显示，可能为“无”、“装订线”、“线”和“全部”。

"editor.renderLineHighlight": "line",

// 控制编辑器是否显示代码滤镜

"editor.codeLens": true,

// 控制编辑器是否启用代码折叠功能

"editor.folding": true,

// 当选择其中一项时，将突出显示匹配的括号。

"editor.matchBrackets": true,

// 控制编辑器是否应呈现垂直字形边距。字形边距最常用于调试。

"editor.glyphMargin": true,

// 在制表位后插入和删除空格

"editor.useTabStops": true,

// 删除尾随自动插入的空格

"editor.trimAutoWhitespace": true,

// 即使在双击编辑器内容或按 Esc 键时，也要保持速览编辑器的打开状态。

"editor.stablePeek": false,

// 控制编辑器是否应该允许通过拖放移动所选项。

"editor.dragAndDrop": false,

// 控制 Diff 编辑器以并排或内联形式显示差异

"diffEditor.renderSideBySide": true,

// 控制差异编辑器是否将对前导空格或尾随空格的更改显示为差异

"diffEditor.ignoreTrimWhitespace": true,

// 控制差异编辑器是否为已添加/删除的更改显示 +/- 指示符号

"diffEditor.renderIndicators": true,

// 启用后，按 TAB 键时，将展开 Emmet 缩写。

"emmet.triggerExpansionOnTab": true,

// 用于修改 Emmet 的某些操作和解决程序的首选项。

"emmet.preferences": {},

// 为指定的语法定义配置文件或使用带有特定规则的配置文件。

"emmet.syntaxProfiles": {},

// emmet 缩写不应在其中展开的语言数组。

"emmet.excludeLanguages": ["markdown"],

// 转至包含 Emmet 配置文件、片段和首选项的文件的路径

"emmet.extensionsPath": null,

// 启用后，当没有打开编辑器时将显示水印提示。

"workbench.tips.enabled": true,

// 控制打开的编辑器是否显示在选项卡中。

"workbench.editor.showTabs": true,

// 控制编辑器的选项卡关闭按钮的位置，或当设置为 "off" 时禁用关闭它们。

"workbench.editor.tabCloseButton": "right",

// 控制打开的编辑器是否随图标一起显示。这还需启用图标主题。

"workbench.editor.showIcons": true,

// 控制打开的编辑器是否显示为预览。预览编辑器可以重新使用，直到将其保留(例如，双击或编辑)。

"workbench.editor.enablePreview": true,

// 控制 Quick Open 中打开的编辑器是否显示为预览。预览编辑器可以重新使用，直到将其保留(例如，通过双击或编辑)。

"workbench.editor.enablePreviewFromQuickOpen": true,

// 控制打开编辑器的位置。选择“左侧”或“右侧”以在当前活动位置的左侧或右侧打开编辑器。选择“第一个”或“最后一个”以从当前活动位置独立打开编辑器。

"workbench.editor.openPositioning": "right",

// 控制打开时编辑器是否显示在任何可见组中。如果禁用，编辑器会优先在当前活动编辑器组中打开。如果启用，会显示已打开的编辑器而不是在当前活动编辑器组中再次打开。请注意，有些情况下会忽略此设置，例如强制编辑器在特定组中或在当前活动组的边侧打开时。

"workbench.editor.revealIfOpen": false,

// 控制 Quick Open 是否应在失去焦点时自动关闭。

"workbench.quickOpen.closeOnFocusLost": true,

// 控制打开设置时是否打开显示所有默认设置的编辑器。

"workbench.settings.openDefaultSettings": true,

// 控制边栏的位置。它可显示在工作台的左侧或右侧。

"workbench.sideBar.location": "left",

// 控制工作台底部状态栏的可见性。

"workbench.statusBar.visible": true,

// 控制工作台中活动栏的可见性。

"workbench.activityBar.visible": true,

// 控制文件被其他某些进程删除或重命名时是否应该自动关闭显示文件的编辑器。禁用此项会保持编辑器作为此类事件的脏文件打开。请注意，从应用程序内部进行删除操作会始终关闭编辑器，并且脏文件始终不会关闭以保存数据。

"workbench.editor.closeOnFileDelete": true,

// 启用后，将在启动时显示欢迎页。

"workbench.welcome.enabled": true,

// Specifies the color theme used in the workbench.

"workbench.colorTheme": "Default Dark+",

// Specifies the icon theme used in the workbench.

"workbench.iconTheme": "vscode-icons",

// 覆盖当前所选颜色主题的颜色。

"workbench.colorCustomizations": {},

// 控制是否应在新窗口中打开文件。

// - default: 文件将在该文件的文件夹打开的窗口中打开，或在上一个活动窗口中打开，除非该文件通过平台或从查找程序(仅限 macOS)打开

// - on: 文件将在新窗口中打开

// - off: 文件将在该文件的文件夹打开的窗口中打开，或在上一个活动窗口中打开

// 注意，可能仍会存在忽略此设置的情况(例如当使用 -new-window 或 -reuse-window 命令行选项时)。

"window.openFilesInNewWindow": "default",

// 控制文件夹应在新窗口中打开还是替换上一活动窗口。

// - default: 文件夹将在新窗口中打开，除非文件是从应用程序内选取的(例如通过“文件”菜单)

// - on: 文件夹将在新窗口中打开

// - off: 文件夹将替换上一活动窗口

// 注意，可能仍会存在忽略此设置的情况(例如当使用 -new-window 或 -reuse-window 命令行选项时)。

"window.openFoldersInNewWindow": "default",

// 控制重启后重新打开文件夹的方式。选择“none”表示永不重新打开文件夹，选择“one”表示重新打开最后使用的一个文件夹，