mirror of
https://github.com/sunniejs/vue-h5-template.git
synced 2025-04-06 03:57:50 +08:00
153 lines
42 KiB
JavaScript
153 lines
42 KiB
JavaScript
import{_ as s,o as n,c as a,Q as o}from"./chunks/framework.522debca.js";const u=JSON.parse('{"title":"Eslint + Pettier 统一开发规范","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/lint.md","lastUpdated":1679905840000}'),l={name:"guide/vue2/lint.md"},p=o(`<h1 id="eslint-pettier-统一开发规范" tabindex="-1">Eslint + Pettier 统一开发规范 <a class="header-anchor" href="#eslint-pettier-统一开发规范" aria-label="Permalink to "Eslint + Pettier 统一开发规范""></a></h1><p>VScode （版本 1.47.3）安装 <code>eslint</code> <code>prettier</code> <code>vetur</code> 插件 <code>.vue</code> 文件使用 vetur 进行格式化，其他使用<code>prettier</code>,后面会 专门写个如何使用配合使用这三个玩意</p><p>在文件 <code>.prettierrc</code> 里写 属于你的 pettier 规则</p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#89DDFF;">{</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">printWidth</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#F78C6C;">120</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">tabWidth</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#F78C6C;">2</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">singleQuote</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">true</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">trailingComma</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">:</span><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">none</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">semi</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">false</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">wrap_line_length</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#F78C6C;">120</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">wrap_attributes</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">:</span><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">auto</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">proseWrap</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">:</span><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">always</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">arrowParens</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">:</span><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">avoid</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">bracketSpacing</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">false</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">jsxBracketSameLine</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">true</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">useTabs</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">false</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">overrides</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">[</span><span style="color:#A6ACCD;">{</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">files</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">:</span><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">.prettierrc</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">options</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: {</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">parser</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">:</span><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">json</span><span style="color:#89DDFF;">"</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> }</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> }</span><span style="color:#89DDFF;">]</span></span>
|
||
<span class="line"><span style="color:#89DDFF;">}</span></span>
|
||
<span class="line"></span></code></pre></div><p>Vscode setting.json 设置</p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">//</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">将设置放入此文件中以覆盖默认设置</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">files.autoSave</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">:</span><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">off</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">//</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">控制字体系列。</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">editor.fontFamily</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">:</span><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">Consolas, 'Courier New', monospace,'宋体'</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">terminal.integrated.shell.windows</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">:</span><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">C:</span><span style="color:#A6ACCD;">\\\\</span><span style="color:#C3E88D;">Program Files</span><span style="color:#A6ACCD;">\\\\</span><span style="color:#C3E88D;">Git</span><span style="color:#A6ACCD;">\\\\</span><span style="color:#C3E88D;">bin</span><span style="color:#A6ACCD;">\\\\</span><span style="color:#C3E88D;">bash.exe</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">//</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">以像素为单位控制字号。</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">editor.fontSize</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#F78C6C;">16</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">//</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">控制选取范围是否有圆角</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">editor.roundedSelection</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">false</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">//</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">建议小组件的字号</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">editor.suggestFontSize</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#F78C6C;">16</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">//</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">在“打开的编辑器”窗格中显示的编辑器数量。将其设置为</span><span style="color:#A6ACCD;"> </span><span style="color:#F78C6C;">0</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">可隐藏窗格。</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">explorer.openEditors.visible</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#F78C6C;">0</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">//</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">是否已启用自动刷新</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">git.autorefresh</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">true</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">//</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">以像素为单位控制终端的字号，这是</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">editor.fontSize</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">的默认值。</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">terminal.integrated.fontSize</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#F78C6C;">14</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">//</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">控制终端游标是否闪烁。</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">terminal.integrated.cursorBlinking</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">true</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">//</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">一个制表符等于的空格数。该设置在</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">\`</span><span style="color:#FFCB6B;">editor.detectIndentation</span><span style="color:#89DDFF;">\`</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">启用时根据文件内容进行重写。</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">//</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">Tab</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">Size</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">editor.tabSize</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#F78C6C;">2</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">//</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">By</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">default,</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">common</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">template.</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">Do</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">not</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">modify</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">it!!!!!</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">editor.formatOnType</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">true</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">window.zoomLevel</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#F78C6C;">0</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">editor.detectIndentation</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">false</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">css.fileExtensions</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">[</span><span style="color:#89DDFF;">"</span><span style="color:#C3E88D;">css</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">,</span><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">scss</span><span style="color:#89DDFF;">"</span><span style="color:#89DDFF;">]</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">files.associations</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">{</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">*.string</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">:</span><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">html</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">*.vue</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">:</span><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">vue</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">*.wxss</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">:</span><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">css</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">*.wxml</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">:</span><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">wxml</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">*.wxs</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">:</span><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">javascript</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">*.cjson</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">:</span><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">jsonc</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">*.js</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">:</span><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">javascript</span><span style="color:#89DDFF;">"</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">//</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">为指定的语法定义配置文件或使用带有特定规则的配置文件。</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">emmet.syntaxProfiles</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">{</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">vue-html</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">:</span><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">html</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">vue</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">:</span><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">html</span><span style="color:#89DDFF;">"</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">search.exclude</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">{</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">**/node_modules</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">true</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">**/bower_components</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">true</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">//保存时eslint自动修复错误</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">editor.formatOnSave</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">true</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">//</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">Enable</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">per-language</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">//配置</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">ESLint</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">检查的文件类型</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">editor.quickSuggestions</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">{</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">strings</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">true</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">//</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">添加</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">vue</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">支持</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">//</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">这里是针对vue文件的格式化设置，vue的规则在这里生效</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">vetur.format.options.tabSize</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#F78C6C;">2</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">vetur.format.options.useTabs</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">false</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">vetur.format.defaultFormatter.html</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">:</span><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">js-beautify-html</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">vetur.format.defaultFormatter.css</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">:</span><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">prettier</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">vetur.format.defaultFormatter.scss</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">:</span><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">prettier</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">vetur.format.defaultFormatter.postcss</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">:</span><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">prettier</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">vetur.format.defaultFormatter.less</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">:</span><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">prettier</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">vetur.format.defaultFormatter.js</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">:</span><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">vscode-typescript</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">vetur.format.defaultFormatter.sass</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">:</span><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">sass-formatter</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">vetur.format.defaultFormatter.ts</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">:</span><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">prettier</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">vetur.format.defaultFormatterOptions</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">{</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">js-beautify-html</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">{</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">wrap_attributes</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">:</span><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">aligned-multiple</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">, // 超过150折行</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">wrap-line-length</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#F78C6C;">150</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">//</span><span style="color:#A6ACCD;"> </span><span style="color:#676E95;font-style:italic;">#vue组件中html代码格式化样式</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">prettier</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">{</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">printWidth</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#F78C6C;">120</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">tabWidth</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#F78C6C;">2</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">singleQuote</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">false</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">trailingComma</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">:</span><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">none</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">semi</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">false</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">wrap_line_length</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#F78C6C;">120</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">wrap_attributes</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">:</span><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">aligned-multiple</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">, // 超过150折行</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">proseWrap</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">:</span><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">always</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">arrowParens</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">:</span><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">avoid</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">bracketSpacing</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">true</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">jsxBracketSameLine</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">true</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">useTabs</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">false</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">overrides</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">[</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> {</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">files</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">:</span><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">.prettierrc</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">options</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: {</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">parser</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">:</span><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">json</span><span style="color:#89DDFF;">"</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> }</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> }</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">]</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">}</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">//</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">Enable</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">per-language</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">[json]</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">{</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">editor.defaultFormatter</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">:</span><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">esbenp.prettier-vscode</span><span style="color:#89DDFF;">"</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">vetur.validation.template</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">false</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">html.format.enable</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">false</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">json.format.enable</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">false</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">javascript.format.enable</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">false</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">typescript.format.enable</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">false</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">javascript.format.insertSpaceAfterFunctionKeywordForAnonymousFunctions</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">false</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">[html]</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">{</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">editor.defaultFormatter</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">:</span><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">esbenp.prettier-vscode</span><span style="color:#89DDFF;">"</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">[javascript]</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">{</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">editor.defaultFormatter</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">:</span><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">esbenp.prettier-vscode</span><span style="color:#89DDFF;">"</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">[jsonc]</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">{</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">editor.defaultFormatter</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">:</span><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">esbenp.prettier-vscode</span><span style="color:#89DDFF;">"</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">[vue]</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">{</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">editor.defaultFormatter</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">:</span><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">octref.vetur</span><span style="color:#89DDFF;">"</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">emmet.includeLanguages</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">{</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">wxml</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">:</span><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">html</span><span style="color:#89DDFF;">"</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">[typescriptreact]</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">{</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">editor.defaultFormatter</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">:</span><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">esbenp.prettier-vscode</span><span style="color:#89DDFF;">"</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">//</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">开启eslint自动修复js/ts功能</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">editor.codeActionsOnSave</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">{</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">source.fixAll.eslint</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">true</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">minapp-vscode.disableAutoConfig</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">true</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">javascript.implicitProjectConfig.experimentalDecorators</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">true</span><span style="color:#A6ACCD;">,</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"> "</span><span style="color:#C3E88D;">editor.maxTokenizationLineLength</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;">: </span><span style="color:#F78C6C;">200000</span></span>
|
||
<span class="line"><span style="color:#89DDFF;">}</span></span>
|
||
<span class="line"></span>
|
||
<span class="line"></span></code></pre></div>`,6),t=[p];function e(D,c,r,y,F,C){return n(),a("div",null,t)}const i=s(l,[["render",e]]);export{u as __pageData,i as default};
|