Brackets-inspection-gutters 是一个 npm 包，它可以帮助前端开发者在 Brackets 编辑器中更容易地查看代码的错误和警告。本文将详细讲解如何使用这个包，并给出示例代码，以便读者更好地理解。
安装 npm 包
要使用 brackets-inspection-gutters，首先需要安装 npm 包。
npm install brackets-inspection-gutters
按照约定，这个 npm 包被映射到 name 为 brackets-inspection-gutters 的类。
使用 brackets-inspection-gutters
使用 brackets-inspection-gutters，需要了解 gutter 是什么。gutter 是编辑器中的竖直辅助工具栏，它用于显示代码中的错误和警告。
使用这个包添加 gutter 以实现代码检查会非常容易。假设你的文件名为 script.js，现在你要在检查 JavaScript 代码时使用 Brackets 编辑器。
首先，你需要在你的脚本中添加以下行。
-- -------------------- ---- -------
--------------- --------- -------- ------- -
---- --------
--- ------- - ------------------------------------
-------------- - ----------------------------------------------
-------- ---------- --------- -
--- ------ - ---
------- - --
----------
---------
-------
---------
-- ----- --- ---- ------- ---- ----
------ -------
-
------------------------------------- -
----- ---------------------------- --------
-------------- ----
---
-- -------- -- ---------- --------
------------------------- -- -
------------------------------------- -
-------------- -------- ------ --------- -
--- ------ - ---
-- --- ---- ------- ----- ----- ------- -- --------
-- --- ----- --- ------ -- --------
------ -------
-
---
---
---这将检查你的代码并在错误和警告的位置添加 gutter。但有时你想考虑一些点以散射到该文件的任何位置。你可以通过添加以下代码来实现它。
$('*').click(function(){
brackets.getModule("command/CommandManager")
.execute("view.addToWorkingSet",
{
fullPath: $(this).attr('data-path')
});
});最后，你需要使用以下命令将代码转换为 gutter。
brackets.getModule('utils/GutterManager')
.addGutter('brackets-inspection-gutters-linting-gutter',
'brackets-inspection-gutters',
true);完成后，gutter 将被添加到编辑器中。你可以通过双击 gutter 中的项来查看它们。
示例代码
以下是一个使用 brackets-inspection-gutters 的示例代码。
-- -------------------- ---- -------
--------------- --------- -------- ------- -
---- --------
--- ------- - ------------------------------------
-------------- - ----------------------------------------------
-------- ---------- --------- -
--- ------ - ---
------- - --
----------
---------
-------
---------
-- ----- --- ---- ------- ---- ----
------ -------
-
------------------------------------- -
----- ---------------------------- --------
-------------- ----
---
-- -------- -- ---------- --------
------------------------- -- -
------------------------------------- -
-------------- -------- ------ --------- -
--- ------ - ---
-- --- ---- ------- ----- ----- ------- -- --------
-- --- ----- --- ------ -- --------
------ -------
-
---
---
------------------------
--------------------------------------------
--------------------------------
-
--------- -------------------------
---
---
-----------------------------------------
--------------------------------------------------------
------------------------------
------
---总结
Brackets-inspection-gutters 是一个实用的 npm 包，它可以帮助前端开发者在 Brackets 编辑器中更容易地查看代码的错误和警告。在本文中，我们详细讲解了如何使用该包，并给出了示例代码，希望读者可以从中受益。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c82ccdc64669dde4d48