Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/robole/vscode-markdown-snippets

Extended Markdown snippets.
https://github.com/robole/vscode-markdown-snippets

extension markdown markdown-snippets visual-studio-code vscode vscode-extension

Last synced: 3 days ago
JSON representation

Extended Markdown snippets.

Host: GitHub
URL: https://github.com/robole/vscode-markdown-snippets
Owner: robole
Created: 2020-08-15T19:34:50.000Z (over 4 years ago)
Default Branch: master
Last Pushed: 2022-03-01T14:43:17.000Z (over 2 years ago)
Last Synced: 2023-03-05T01:32:45.092Z (over 1 year ago)
Topics: extension, markdown, markdown-snippets, visual-studio-code, vscode, vscode-extension
Homepage: https://marketplace.visualstudio.com/items?itemName=robole.markdown-snippets
Size: 157 KB
Stars: 12
Watchers: 2
Forks: 2
Open Issues: 0
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md

Awesome Lists containing this project

README

Markdown Snippets

Extended Markdown snippets.

Built with

![insert table](img/table.gif)

## Activation

The snippets are only active in Markdown files (defined by `markdown` [language identifier](https://code.visualstudio.com/docs/languages/identifiers)).

## Snippets

| Name
|-----------------
| Insert table
| Insert 2x1 table
| Insert 3x1 table
| Insert 4x1 table
| Insert 5x1 table
| Insert 2x2 table
| Insert 3x2 table
| Insert 4x2 table
| Insert 5x2 table
| Insert 2x3 table
| Insert 3x3 table
| Insert 4x4 table
| Insert 5x5 table
| Insert task list
| Insert task list 2
| Insert task list 3
| Insert task list 4
| Insert task list 5 | Prefix | Body | -------|---------------|---------------------------------------------------------------------------------------------------------------------------| | table | Insert a table with 2 rows and 3 columns. You can tab through each cell to edit the text. | | 2x1table | Insert a table with 2 rows and 1 column. You can tab through each cell to edit the text. | | 3x1table | Insert a table with 3 rows and 1 column. You can tab through each cell to edit the text. | | 4x1table | Insert a table with 4 rows and 1 column. You can tab through each cell to edit the text. | | 5x1table | Insert a table with 5 rows and 1 column. You can tab through each cell to edit the text. | | 2x2table | Insert a table with 2 rows and 2 columns. You can tab through each cell to edit the text. | | 3x2table | Insert a table with 3 rows and 2 columns. You can tab through each cell to edit the text. | | 4x2table | Insert a table with 4 rows and 2 columns. You can tab through each cell to edit the text. | | 5x2table | Insert a table with 5 rows and 2 columns. You can tab through each cell to edit the text. | | 2x3table | Insert a table with 2 rows and 3 columns. You can tab through each cell to edit the text. | | 3x3table | Insert a table with 3 rows and 3 columns. You can tab through each cell to edit the text. | | 4x3table | Insert a table with 4 rows and 3 columns. You can tab through each cell to edit the text. | | 5x5table | Insert a table with 5 rows and 5 columns. You can tab through each cell to edit the text. | | task | Insert a task list with 1 task. You can tab through item to set the status (complete/incomplete) and edit the text. | | task2 | Insert a task list with 2 tasks. You can tab through item to set the status (complete/incomplete) and edit the text. | | task3 | Insert a task list with 3 tasks. You can tab through item to set the status (complete/incomplete) and edit the text. | | task4 | Insert a task list with 4 tasks. You can tab through item to set the status (complete/incomplete) and edit the text. | | task5 | Insert a task list with 5 tasks. You can tab through item to set the status (complete/incomplete) and edit the text. |

You can install the [Snippets Ranger extension](https://marketplace.visualstudio.com/items?itemName=robole.snippets-ranger) to view this list inside VS Code.

## Contribute

**This extension is considered complete and is closed to contributions**. The associated GitHub repository is archived.

## FAQ

### 1) Where do the standard markdown snippets come from?

There is a set of snippets for the standard markdown syntax installed with VS Code as part of the built-in markdown extension. [This is the source file](https://github.com/microsoft/vscode/blob/94c9ea46838a9a619aeafb7e8afd1170c967bb55/extensions/markdown-basics/snippets/markdown.code-snippets).

I recommend installing the [Snippets Ranger extension](https://marketplace.visualstudio.com/items?itemName=robole.snippets-ranger) if you want a simple way to view the built-in snippets.

### 2) How do I use the snippets?

To insert a snippet, you can just type one of the prefixes in a markdown file, and you will be offered a completion suggestion. The setting `Editor: Snippet Suggestions` controls whether snippets are shown with other suggestions and how they are sorted. By default, they are shown inline.

Alternatively, you can open the Command Palette (`Ctrl+Shift+P`) and run the command "Insert Snippet", which presents you with a list to choose from.

### 3) How do I add shortcuts for these snippets?

Run the command `Preferences: Open Keyboard Shortcuts (JSON)` to open the keyboard shortcuts config (*keybindings.json*). Add an new object to the array such as this:

```JSON
[

{
"key": "ctrl+t",
"mac": "cmd+t",
"command": "editor.action.insertSnippet",
"when": "!editorReadonly && editorLangId == markdown",
"args": {
"langId": "markdown",
"name": "Insert task list"
}
}

]
```

The `args.name` property must exactly match the snippet name.

I created the [Markdown Shortcuts extension](https://marketplace.visualstudio.com/items?itemName=robole.markdown-shortcuts) to provide shortcuts for all markdown snippets if this is something you want. You can override my selections if you want, read the extension README for more info.

### 4) Where can I learn more about snippets?

You can read my comprehensive guide on Snippets on FreeCodeCamp: [Visual Studio Code Snippets – the Definitive VS Code Snippet Guide for Beginners](https://www.freecodecamp.org/news/definitive-guide-to-snippets-visual-studio-code/). It's not just for beginners! 😉

### 5) Where can I learn more about keyboard shortcuts?

You can read my article - [VS Code keyboard-fu: custom keyboard shortcuts that will boost your productivity](https://www.roboleary.net/2022/02/28/vscode-keyboard-fu-custom-keyboard-shortcuts.html).