Skip to content

Commit 59f18f4

Browse files
author
Greg Van Liew
committed
Small edits to Emmet update
1 parent 51b714a commit 59f18f4

File tree

1 file changed

+6
-5
lines changed

1 file changed

+6
-5
lines changed

docs/editor/emmet.md

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -66,7 +66,7 @@ For example:
6666
}
6767
```
6868

69-
Emmet has no knowledge of these new languages, and so you might feel Emmet suggestions showing up in non html/css context. To avoid this you can use the following setting.
69+
Emmet has no knowledge of these new languages, and so you might feel Emmet suggestions showing up in non HTML/CSS context. To avoid this you can use the following setting.
7070

7171
```json
7272
"emmet.showExpandedAbbreviation": "inMarkupAndStylesheetFilesOnly"
@@ -103,7 +103,7 @@ Authoring of Custom Snippets in Emmet 2.0 via the `snippets.json` file differs f
103103

104104
Topic | Old Emmet | Emmet 2.0
105105
------ | -------- | ---------
106-
Snippets vs Abbreviations | Supports both in 2 separate properties called `snippets` and `abbreviations` | The 2 have been combined into a single property called snippets. See default [html snippets](https://github.com/emmetio/snippets/blob/master/html.json) and [css snippets](https://github.com/emmetio/snippets/blob/master/css.json)
106+
Snippets vs Abbreviations | Supports both in 2 separate properties called `snippets` and `abbreviations` | The 2 have been combined into a single property called snippets. See default [HTML snippets](https://github.com/emmetio/snippets/blob/master/html.json) and [CSS snippets](https://github.com/emmetio/snippets/blob/master/css.json)
107107
CSS snippet names | Can contain `:` | Do not use `:` when defining snippet names. It is used to separate property name and value when Emmet tries to fuzzy match the given abbreviation to one of the snippets.
108108
CSS snippet values | Can end with `;` | Do not add `;` at end of snippet value. Emmet will add the trailing `;` based on the file type (css/less/scss vs sass/stylus) or the emmet preference set for `css.propertyEnd`, `sass.propertyEnd`, `stylus.propertyEnd`
109109
Cursor location | `${cursor}` or `|` can be used | Use only textmate syntax like `${1}` for tab stops and cursor locations
@@ -281,7 +281,8 @@ Emmet is just one of the great web developer features in VS Code. Read on to fi
281281
**Q: Any tips and tricks?**
282282

283283
**A:** Of course!
284-
- In css abbreviations, when you use `:`, the left part is used to fuzzy match with the css property name and the right part is used to match with css property value. Take full advantage of this by using abbreviations like `pos:f`, `trf:rx`, `fw:b` etc.
285-
- Use the new command `Emmet: Wrap Individual Lines with Abbreviation` instead of `Emmet: Wrap with Abbreviation` when you want to each selected line to be wrapped by a repeater in the given abbreviation. For example, use `ul>li*` to wrap selected lines in an unordered list with each line as a list item.
284+
285+
- In CSS abbreviations, when you use `:`, the left part is used to fuzzy match with the CSS property name and the right part is used to match with CSS property value. Take full advantage of this by using abbreviations like `pos:f`, `trf:rx`, `fw:b`, etc.
286+
- Use the new command **Emmet: Wrap Individual Lines with Abbreviation** instead of **Emmet: Wrap with Abbreviation** when you want to each selected line to be wrapped by a repeater in the given abbreviation. For example, use `ul>li*` to wrap selected lines in an unordered list with each line as a list item.
286287
- Explore all other Emmet features as documented in [Emmet Actions](https://docs.emmet.io/actions/).
287-
- Don't hesitate to create your own [custom Emmet snippets](/docs/editor/emmet.md#using-custom-emmet-snippets)
288+
- Don't hesitate to create your own [custom Emmet snippets](/docs/editor/emmet.md#using-custom-emmet-snippets).

0 commit comments

Comments
 (0)