You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+22-15
Original file line number
Diff line number
Diff line change
@@ -1,24 +1,41 @@
1
1
<palign="center">
2
-
<ahref="https://marketplace.visualstudio.com/items?itemName=fivethree.vscode-ionic-snippets"target="blank"><imgsrc="https://raw.githubusercontent.com/fivethree-team/vscode-ionic-snippets/master/images/banner.png"width="460px"alt="Ionic 4 VS Code Snippets" /></a>
2
+
<ahref="https://marketplace.visualstudio.com/items?itemName=fivethree.vscode-ionic-snippets"target="blank"><imgsrc="https://raw.githubusercontent.com/fivethree-team/vscode-ionic-snippets/master/images/banner.png"width="460px"alt="Ionic X VS Code Snippets" /></a>
3
3
</p>
4
4
5
5
# Ionic Snippets for VS Code
6
6
7
7
[](https://marketplace.visualstudio.com/items?itemName=fivethree.vscode-ionic-snippets)
8
8
[](https://marketplace.visualstudio.com/items?itemName=fivethree.vscode-ionic-snippets)
9
9
10
-
Boost your [Ionic 4](https://ionicframework.com/) development with snippets for [VS Code](https://code.visualstudio.com/)
10
+
Boost your [Ionic](https://ionicframework.com/) development with snippets for [VS Code](https://code.visualstudio.com/)
11
11
12
12
✅ Fast templates with snippets of ~100 Ionic components
13
13
✅ Easy custom theming with CSS properties
14
14
✅ Framework support for [angular](https://angular.io/), [stenciljs](https://stenciljs.com/) and [vuejs](https://vuejs.org/)
15
15
16
-
All code snippets are based on and follow the [Ionic 4 Api](https://ionicframework.com/docs/api).
16
+
All code snippets are based on and follow the [Ionic 5 Api](https://ionicframework.com/docs/api) and [Ionic 4 Api](https://ionicframework.com/docs/v4/api)
17
17
18
-
## Using Snippets for Ionic 4
18
+
## Overview
19
+
20
+
-[Ionic Snippets for VS Code](#ionic-snippets-for-vs-code)
21
+
-[Using Snippets for Ionic (4 and 5)](#using-snippets-for-ionic-4-and-5)
22
+
-[Framework](#framework)
23
+
-[Snippets](#snippets)
24
+
-[HTML Snippets](#html-snippets)
25
+
-[HTML Properties](#html-properties)
26
+
-[CSS Utilities](#css-utilities)
27
+
-[SCSS Snippets](#scss-snippets)
28
+
-[Typescript Snippets](#typescript-snippets)
29
+
30
+
## Using Snippets for Ionic (4 and 5)
19
31
20
32
Type part of a snippet, press enter, and the snippet unfolds.
21
33
34
+
| vscode-ionic-snippet | Ionic |
35
+
| --------------------- | ----- |
36
+
| 2.x.x | 5.x.x |
37
+
| 1.x.x | 4.x.x |
38
+
22
39
## Framework
23
40
24
41
| Framework | Prefix | Status |
@@ -33,17 +50,7 @@ Type part of a snippet, press enter, and the snippet unfolds.
33
50
🔶 — Partial support
34
51
🚧 — Under development
35
52
36
-
### Overview
37
-
38
-
-[Ionic Snippets for VS Code](#ionic-snippets-for-vs-code)
39
-
-[Using Snippets for Ionic 4](#using-snippets-for-ionic-4)
0 commit comments