Как вставить таблицы в 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 - true |
  | -------------------- | -------------- | ------------------------ | ----------------------- |
  |«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#_does-vs-code-support-github-flavored-markdown:

Поддерживает ли код VS GitHub Flavored Markdown?

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

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