Skip to content

Commit

Permalink
deploy: f6797e1
Browse files Browse the repository at this point in the history
  • Loading branch information
@xcatliu
xcatliu committed Apr 24, 2024
1 parent 48b7824 commit 787fd96
Show file tree
Hide file tree
Showing 3 changed files with 7 additions and 18 deletions.
Binary file removed assets/vscode-eslint-error.png
View file
Binary file not shown.
14 changes: 1 addition & 13 deletions engineering/lint.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -162,19 +162,7 @@ <h3 id="%E6%A3%80%E6%9F%A5%E6%95%B4%E4%B8%AA%E9%A1%B9%E7%9B%AE%E7%9A%84-ts-%E6%9
<h3 id="%E5%9C%A8-vscode-%E4%B8%AD%E9%9B%86%E6%88%90-eslint-%E6%A3%80%E6%9F%A5">在 VSCode 中集成 ESLint 检查<a class="anchor" href="#%E5%9C%A8-vscode-%E4%B8%AD%E9%9B%86%E6%88%90-eslint-%E6%A3%80%E6%9F%A5">§</a></h3>
<p>在编辑器中集成 ESLint 检查，可以在开发过程中就发现错误，甚至可以在保存时自动修复错误，极大的增加了开发效率。</p>
<p>要在 VSCode 中集成 ESLint 检查，我们需要先安装 ESLint 插件，点击「扩展」按钮，搜索 ESLint，然后安装即可。</p>
<p>VSCode 中的 ESLint 插件默认是不会检查 <code>.ts</code> 后缀的，需要在「文件 =&gt; 首选项 =&gt; 设置 =&gt; 工作区」中（也可以在项目根目录下创建一个配置文件 <code>.vscode/settings.json</code>），添加以下配置：</p>
<pre class="language-json"><code class="language-json"><span class="token punctuation">{</span>
<span class="token property">"eslint.validate"</span><span class="token operator">:</span> <span class="token punctuation">[</span>
<span class="token string">"javascript"</span><span class="token punctuation">,</span>
<span class="token string">"javascriptreact"</span><span class="token punctuation">,</span>
<span class="token string">"typescript"</span>
<span class="token punctuation">]</span><span class="token punctuation">,</span>
<span class="token property">"typescript.tsdk"</span><span class="token operator">:</span> <span class="token string">"node_modules/typescript/lib"</span>
<span class="token punctuation">}</span>
</code></pre>
<p>这时再打开一个 <code>.ts</code> 文件，将鼠标移到红色提示处，即可看到这样的报错信息了：</p>
<p><img src="../assets/vscode-eslint-error.png" alt="VSCode ESLint 错误信息"></p>
<p>我们还可以开启保存时自动修复的功能，通过配置：</p>
<p>通过配置 VSCode，可以开启保存时自动修复的功能：</p>
<pre class="language-json"><code class="language-json"><span class="token punctuation">{</span>
<span class="token property">"eslint.autoFixOnSave"</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
<span class="token property">"eslint.validate"</span><span class="token operator">:</span> <span class="token punctuation">[</span>
Expand Down
11 changes: 6 additions & 5 deletions engineering/lint_props.js
View file

Large diffs are not rendered by default.

0 comments on commit 787fd96

Please sign in to comment.