npm 包 typescript-estree 使用教程

typescript-estree 是一个将 TypeScript 代码解析为 ESTree 抽象语法树的工具包。它是在 @typescript-eslint/parser 中使用的底层依赖项之一，也可以与其他 AST 处理器一起使用。

安装

你可以通过 npm 安装 typescript-estree

--- ------- -----------------

或者使用 yarn 

---- --- -----------------

使用方法

基本用法

----- ------ - -----------------------------
----- ---- - ------ -- ------ - ------ ---------

----- --- - -------------------

-----------------

输出结果如下：

-
  ------- ----------
  ------------- ---------
  ------- -
    -
      ------- ----------------------
      --------------- -
        -
          ------- ---------------------
          ----- -
            ------- -------------
            ------- ---
          --
          ------- -
            ------- ----------
            -------- ------ -------
            ------ -------- --------
          -
        -
      --
      ------- -------
    -
  -
-

配置选项

typescript-estree 提供了许多配置选项，以帮助更好地解析 TypeScript 代码。下面列出几个常用的选项。

jsx

默认情况下，typescript-estree 将不解析 JSX。要启用 JSX 解析，请将 jsx 选项设置为 "preserve" 或 "react"。

----- ------ - -----------------------------

----- ---- - -
  ----- ------- - ---------- ------------
--

----- --- - ------------------ -
  ---- ----------
---

-----------------

输出结果如下：

-
  ------- ----------
  ------------- ---------
  ------- -
    -
      ------- ----------------------
      --------------- -
        -
          ------- ---------------------
          ----- -
            ------- -------------
            ------- ---------
          --
          ------- -
            ------- -------------
            ----------------- -
              ------- --------------------
              ------- -
                ------- ----------------
                ------- -----
              --
              -------------- ------
              ------------- --
            --
            ----------------- -
              ------- --------------------
              ------- -
                ------- ----------------
                ------- -----
              -
            --
            ----------- -
              -
                ------- ----------
                -------- ------ -------
                ------ ------ ------
              -
            -
          -
        -
      --
      ------- -------
    -
  -
-

useJSXTextNode

默认情况下，typescript-estree 不会生成 JSX 文本节点。要启用文本节点，请将 useJSXTextNode 选项设置为 true。

----- ------ - -----------------------------

----- ---- - -
  ----- ------- - ---------- ------------
--

----- --- - ------------------ -
  ---- -----------
  --------------- ----
---

-----------------

输出结果如下：

-
  ------- ----------
  ------------- ---------
  ------- -
    -
      ------- ----------------------
      --------------- -
        -
          ------- ---------------------
          ----- -
            ------- -------------
            ------- ---------
          --
          ------- -
            ------- -------------
            ----------------- -
              ------- --------------------
              ------- -
                ------- ----------------
                ------- -----
              --
              -------------- ------
              ------------- --
            --
            ----------------- -
              ------- --------------------
              ------- -
                ------- ----------------
                ------- -----
              -

----------------------------------------------------------- ----------
---------------------------------------------------------------------------------------
阅读全文

猜你喜欢

  • npm 包 striptags 使用教程

    在前端开发中，我们常常需要对文本进行格式化和清理，而 striptags 是一个很好用的 npm 包，可以帮助我们快速地去除 HTML/XML 标签。本文将详细介绍如何使用 striptags，包括安...

    6 年前
  • npm 包 remark-lint-maximum-line-length使用教程

    简介 remark-lint-maximum-line-length是一个针对Markdown文件中行长度进行限制的remark-lint规则。它可以帮助我们避免在Markdown文件中出现过长的行，...

    6 年前
  • npm 包 remark-lint-maximum-heading-length 使用教程

    在前端开发中，我们经常需要处理文本内容。而 Markdown 是一种流行的轻量级标记语言，广泛应用于写作、博客、文档等场景。为了保证 Markdown 内容的质量和一致性，我们常常需要使用 lint ...

    6 年前
  • npm包remark-lint-no-html使用教程

    什么是remark-lint-no-html? remark-lint-no-html 是一个基于 remark-lint 的插件，它可以用于在markdown文档中禁止使用HTML标签。

    6 年前
  • 使用 retext-preset-wooorm 提高文本分析和处理的效率

    retext-preset-wooorm 是一个基于 retext 的 npm 包，可以用于对文本进行语法分析、检查和处理。它包含了多个已经封装好的插件，可以大大提高我们对文本数据的理解和处理效率。

    6 年前
  • npm 包 remark-preset-wooorm 使用教程

    简介 remark-preset-wooorm 是一个强大的 Markdown 处理工具，它基于 remark 和 rehype，提供了一系列方便的插件，可以帮助你更加简单地处理 Markdown 文...

    6 年前
  • npm 包 unified-args 使用教程

    什么是 unified-args？ unified-args 是一个用于解析命令行参数的 npm 包，它可以帮助你快速地解析命令行输入，并将其转化为可操作的数据结构。

    6 年前
  • npm 包 remark-cli 使用教程

    简介 remark-cli 是一个使用 remark 库的命令行界面，它可以用来处理、转换和验证 Markdown 文件。remark-cli 可以将 Markdown 文件转换成多种格式，如 HTM...

    6 年前
  • npm 包 esshorten 使用教程

    简介 esshorten 是一个能够将 CSS 和 JavaScript 压缩和简化的 npm 包。压缩和简化这些文件可以提高页面加载速度，减少带宽消耗和用户等待时间。

    6 年前
  • npm 包 wrench 使用教程

    在前端开发中，我们经常需要处理文件操作。如果你正在使用 Node.js 环境，那么可以通过安装 npm 包 wrench 来方便地进行文件操作。 安装 首先，我们需要在项目目录下运行以下命令来安装 w...

    6 年前
  • npm 包 grunt-auto-release 使用教程

    简介 grunt-auto-release 是一个基于 Grunt 的自动化发布工具，它可以自动完成打包、生成 changelog、提交代码、发布到 npm 等流程，大大提高了开发者的工作效率。

    6 年前
  • NPM 包 grunt-npm 使用教程

    简介 grunt-npm 是一个 Grunt 的插件，它可以帮助我们在 Grunt 任务中使用 npm 包管理器。 通过 grunt-npm，我们可以轻松地安装和管理项目依赖项，并将其集成到我们的构建...

    6 年前
  • npm 包 irregular-plurals 使用教程

    在前端开发中，有时需要处理英语单词的复数形式。然而，对于某些特殊的单词，其复数形式可能不按常规变化，这就需要用到 irregular-plurals 这个 NPM 包。

    6 年前
  • npm 包 plur 使用教程

    什么是 Plur？ Plur 是一个实用的 npm 包，它可以将英文单词转换为其复数形式。该包使用了 pluralize 库来提供高度可定制化的复数形式转换。 安装 Plur 你可以通过以下命令来安装...

    6 年前
  • npm 包 conventional-changelog-codemirror 使用教程

    介绍 conventional-changelog-codemirror 是一个基于 codemirror 的前端组件，用于生成规范化的 changelog。它支持常见的 commit message...

    6 年前
  • npm 包 conventional-changelog-atom 使用教程

    在前端开发中，版本控制是非常重要的一环。而遵循约定式提交规范（Conventional Commits Specification）则可以为我们的版本管理带来很大的便利性。

    6 年前
  • npm包conventional-changelog-angular使用教程

    在前端开发中，我们经常需要对代码进行版本控制和发布，而这个过程中的changelog就是非常重要的一环。conventional-changelog-angular就是一个帮助我们生成符合Angula...

    6 年前
  • npm 包 conventional-changelog-writer 使用教程

    简介 conventional-changelog-writer 是一个 Node.js 模块，它可以根据 Git 提交信息生成符合 AngularJS Commit Message Conventi...

    6 年前
  • npm 包 git-latest-semver-tag 使用教程

    git-latest-semver-tag 是一个 Node.js 模块，可以帮助我们获取 git 仓库中最新的 semver 标签。本文将介绍如何使用该模块，并且提供详细的代码示例。

    6 年前
  • 通过使用 through2-concurrent 的 npm 包加速文件处理

    当我们需要快速地并行处理大量文件时，Node.js 中的流（stream）非常有用。然而，在处理数千个小文件时，单个进程可能仍然不够快。在这种情况下，通过将处理过程分配给多个子进程来利用多核 CPU ...

    6 年前

相关推荐

    暂无文章