Как вставить таблицы в README.md расширения vscode?

Question

Я хочу вставить таблицы в README.md для vscode расширение. Мои коды следующие:

* some title

  | words              | transform to | keepUpperCase is false | keepUpperCase is true |  
  |--------------------|--------------|------------------------|-----------------------|  
  | "XML HTTP request" | pascalCase   | `XmlHttpRequest`       | `XMLHTTPRequest`      |  
  | "new customer ID"  | camelCase    | `newCustomerId`        | `newCustomerID`       |  

Результат в github и визуальный обзор рынка студии, как и ожидалось, но в расширенном обзоре, открытом vscode выглядит следующим образом:

• какой-то заголовок

  | слова | преобразовать в | keepUpperCase - false | keepUpperCase - правда |
  | -------------------- | -------------- | ------------- ----------- | ----------------------- |
  | "XML HTTP-запрос" | pascalCase | XmlHttpRequest | XMLHTTPRequest |
  | "новый идентификатор клиента" | CamelCase | newCustomerId | newCustomerID |

Когда я изменяю свои коды следующим образом:

* some title

| words              | transform to | keepUpperCase is false | keepUpperCase is true |  
|--------------------|--------------|------------------------|-----------------------|  
| "XML HTTP request" | pascalCase   | `XmlHttpRequest`       | `XMLHTTPRequest`      |  
| "new customer ID"  | camelCase    | `newCustomerId`        | `newCustomerID`       |  

Таблица отображается в соответствии с ожиданиями. Но я потеряю иерархию документов таким образом.

Answer 1

Я наконец решил проблему с встроенным HTML:

* some title

  <table>
    <thead>
      <tr>
        <th>words</th>
        <th>transform to</th>
        <th>keepUpperCase is false</th>
        <th>keepUpperCase is true</th>
      </tr>
    </thead>
    <tbody>
        <tr>
            <td>"XML HTTP request"</td>
            <td>pascalCase</td>
            <td><code>XmlHttpRequest</code></td>
            <td><code>XMLHTTPRequest</code></td>
        </tr>
        <tr>
            <td>"new customer ID"</td>
            <td>camelCase</td>
            <td><code>newCustomerId</code></td>
            <td><code>newCustomerID</code></td>
        </tr>
    </tbody>
  </table>

Answer 2

Существуют разные варианты Markdown, и каждый из них может отображаться по-разному.

Встроенный механизм Markdown Visual Studio Code использует спецификацию CommonMark Markdown, как указано в https://code.visualstudio.com/docs/languages/markdown:

VS Code поддерживает GitHub Flavored Markdown?

Нет, VS Code предназначается для спецификации CommonMark Markdown с использованием библиотеки markdown -it. GitHub движется к спецификации CommonMark, о которой вы можете прочитать в этом обновлении.

Как упоминалось в разделе "Расширение предварительного просмотра уценки", если вы ориентируетесь на конкретную платформу (в вашем случае Github), вы можете установить расширение, которое изменяет встроенный предварительный просмотр уценки в соответствии со стилем целевой платформы. Например, вы можете установить предложенный стилус GitHub для предварительного просмотра Markdown, чтобы ваш предварительный просмотр выглядел так же, как в Github.