Skip to content

Commit 5928154

Browse files
equimanequiman
committed
add code and styles snippets
1 parent 7f0eae3 commit 5928154

File tree

5 files changed

+239
-121
lines changed

5 files changed

+239
-121
lines changed

‎.vscode/settings.json‎

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,12 @@
11
{
2-
"cSpell.words": ["deinsoftware", "Eomm", "Equiman", "paypal", "volta"],
2+
"cSpell.words": [
3+
"deinsoftware",
4+
"Eomm",
5+
"Equiman",
6+
"limegreen",
7+
"paypal",
8+
"volta"
9+
],
310
"markdownlint.config": {
411
"MD024": { "siblings_only": true },
512
"MD033": false

‎README.md‎

Lines changed: 20 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,8 @@
1010

1111
The quick and easy way to debug your code and styles with [VS Code](https://code.visualstudio.com/).
1212

13+
> We also **recommend** installing his complement extensions [Const & Props Snippets](https://marketplace.visualstudio.com/items?itemName=deinsoftware.const-props-snippets) and [Arrow Snippets](https://github.com/deinsoftware/vscode-arrow-snippets)
14+
1315
## Menu
1416

1517
- [Installation](#installation)
@@ -50,12 +52,12 @@ Open the extension manager with <kbd>ctrl</kbd>+<kbd>shift</kbd>+<kbd>X</kbd> (W
5052

5153
## Supported Languages
5254

53-
| Language | Extension |
54-
| ---------------- | --------- |
55-
| JavaScript | `.js` |
56-
| TypeScript | `.ts` |
57-
| CSS | `.css` |
58-
| SCSS | `.scss` |
55+
| Language | Extension |
56+
| ---------- | --------- |
57+
| JavaScript | `.js` |
58+
| TypeScript | `.ts` |
59+
| CSS | `.css` |
60+
| SCSS | `.scss` |
5961

6062
⇧ [Back to menu](#menu)
6163

@@ -71,46 +73,46 @@ Below is a list of all available snippets and the triggers of each one. The **
7173
| ------: | -------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------- |
7274
| `dbg→` | [debugger](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/debugger) | `debugger█` |
7375
| `cl→` | [log](https://developer.mozilla.org/en-US/docs/Web/API/Console/log) | `console.log(name)█` |
74-
| `clm→` | log with message | `console.log('name:', name)█` |
76+
| `clm→` | log with message | `console.log('name:', name)█` |
7577
| `cld→` | log with destructuring | `console.log({name})█` |
76-
| `clj→` | log with json | `console.log('obj', JSON.stringify(obj, null, 2))█` |
78+
| `clj→` | log with json | `console.log('obj:', JSON.stringify(obj, null, 2))█` |
7779
| `cd→` | [debug](https://developer.mozilla.org/en-US/docs/Web/API/Console/debug) | `console.debug(name)█` |
7880
| `cdm→` | debug with message | `console.debug('name:', name)█` |
7981
| `cdd→` | debug with destructuring | `console.debug({name})█` |
80-
| `cdj→` | debug with json | `console.debug('obj', JSON.stringify(obj, null, 2))█` |
82+
| `cdj→` | debug with json | `console.debug('obj:', JSON.stringify(obj, null, 2))█` |
8183
| `ci→` | [info](https://developer.mozilla.org/en-US/docs/Web/API/Console/info) | `console.info(name)█` |
8284
| `cim→` | info with message | `console.info('name:', name)█` |
8385
| `cid→` | info with destructuring | `console.info({name})` |
84-
| `cij→` | info with json | `console.info('obj', JSON.stringify(obj, null, 2))█` |
86+
| `cij→` | info with json | `console.info('obj:', JSON.stringify(obj, null, 2))█` |
8587
| `ce→` | [error](https://developer.mozilla.org/en-US/docs/Web/API/Console/error) | `console.error(name)█` |
8688
| `cem→` | error with message | `console.error('name:', name)█` |
8789
| `ced→` | error with destructuring | `console.error({name})█` |
88-
| `cej→` | info with json | `console.error('obj', JSON.stringify(obj, null, 2))█` |
90+
| `cej→` | info with json | `console.error('obj:', JSON.stringify(obj, null, 2))█` |
8991
| `cw→` | [warn](https://developer.mozilla.org/en-US/docs/Web/API/Console/warn) | `console.warn(name)█` |
9092
| `cwm→` | warn with message | `console.warn('name:', name)█` |
9193
| `cwd→` | warn with destructuring | `console.warn({name}█)` |
92-
| `cwj→` | info with json | `console.warn('obj', JSON.stringify(obj, null, 2))█` |
94+
| `cwj→` | info with json | `console.warn('obj:', JSON.stringify(obj, null, 2))█` |
9395
| `ct→` | [table](https://developer.mozilla.org/en-US/docs/Web/API/Console/table) | `console.table(collection)█` |
9496
| `ca→` | [assert](https://developer.mozilla.org/en-US/docs/Web/API/Console/assert) | `console.assert(expression, name)█` |
9597
| `cdr→` | [dir](https://developer.mozilla.org/en-US/docs/Web/API/Console/dir) | `console.dir(name)█` |
9698
| `ctr→` | [trace](https://developer.mozilla.org/en-US/docs/Web/API/Console/trace) | `console.trace(name)█` |
99+
| `cc→` | [count](https://developer.mozilla.org/en-US/docs/Web/API/Console/count) | `console.count(label)█` |
100+
| `ccr→` | [count reset](https://developer.mozilla.org/en-US/docs/Web/API/Console/countReset) | `console.countReset(label)█` |
97101
| `cts→` | [time start](https://developer.mozilla.org/en-US/docs/Web/API/Console/time) | `console.time(label)█` |
98102
| `ctl→` | [time log](https://developer.mozilla.org/en-US/docs/Web/API/console/timeLog) | `console.timeLog(label)█` |
99103
| `cte→` | [time end](https://developer.mozilla.org/en-US/docs/Web/API/console/timeEnd) | `console.timeEnd(label)█` |
100-
| `ctg→` | [time group](https://developer.mozilla.org/en-US/docs/Web/API/Console/time) | <code>console.time(label)<br/>█<br/>console.timeEnd(label)</code> |
101-
| `cc→` | [count](https://developer.mozilla.org/en-US/docs/Web/API/Console/count) | `console.count(label)█` |
102-
| `ccr→` | [count reset](https://developer.mozilla.org/en-US/docs/Web/API/Console/countReset) | `console.countReset(label)█` |
104+
| `ctg→` | [time wrapper](https://developer.mozilla.org/en-US/docs/Web/API/Console/time) | <code>console.time(label)<br/>█<br/>console.timeEnd(label)</code> |
103105
| `cgs→` | [group start](https://developer.mozilla.org/en-US/docs/Web/API/Console/group) | `console.group(label)█` |
104106
| `cge→` | [group end](https://developer.mozilla.org/en-US/docs/Web/API/console/groupEnd) | `console.groupEnd(label)█` |
105-
| `cgg→` | [time group](https://developer.mozilla.org/en-US/docs/Web/API/Console/time) | <code>console.group(label)<br/>█<br/>console.groupEnd(label)</code> |
107+
| `cgw→` | [group wrapper](https://developer.mozilla.org/en-US/docs/Web/API/Console/time) | <code>console.group(label)<br/>█<br/>console.groupEnd(label)</code> |
106108
| `clr→` | [clear](https://developer.mozilla.org/en-US/docs/Web/API/Console/clear) | `console.clear()█` |
107109

108110
### Styles
109111

110112
| Trigger | Description | Result CSS |
111113
| ------: | ------------------------------- | ----------------------------------------------------------------------------------------------------- |
112-
| `co→` | outline | `outline: 1px solid limegreen !important;█` |
113-
| `cb→` | background | `background: rgb(0 100 0 / 0.2) !important;█` |
114+
| `co→` | outline | `outline: 1px solid color !important;█` |
115+
| `cb→` | background | `background: color !important;█` |
114116
| `cob→` | outline and background | <code>outline: 1px solid limegreen !important;<br/>background: rgb(0 100 0 / 0.2) !important;█</code> |
115117

116118
⇧ [Back to menu](#menu)

‎package.json‎

Lines changed: 6 additions & 102 deletions
Original file line numberDiff line numberDiff line change
@@ -41,115 +41,19 @@
4141
"snippets": [
4242
{
4343
"language": "javascript",
44-
"path": "./snippets/destructuring.json"
45-
},
46-
{
47-
"language": "javascript",
48-
"path": "./snippets/elements.json"
49-
},
50-
{
51-
"language": "javascript",
52-
"path": "./snippets/var-js.json"
53-
},
54-
{
55-
"language": "javascriptreact",
56-
"path": "./snippets/destructuring.json"
57-
},
58-
{
59-
"language": "javascriptreact",
60-
"path": "./snippets/elements.json"
61-
},
62-
{
63-
"language": "javascriptreact",
64-
"path": "./snippets/var-js.json"
65-
},
66-
{
67-
"language": "javascriptreact",
68-
"path": "./snippets/react.json"
69-
},
70-
{
71-
"language": "jsx-attr",
72-
"path": "./snippets/destructuring.json"
73-
},
74-
{
75-
"language": "jsx-attr",
76-
"path": "./snippets/elements.json"
77-
},
78-
{
79-
"language": "jsx-attr",
80-
"path": "./snippets/var-js.json"
81-
},
82-
{
83-
"language": "jsx-attr",
84-
"path": "./snippets/react.json"
85-
},
86-
{
87-
"language": "vue",
88-
"path": "./snippets/destructuring.json"
89-
},
90-
{
91-
"language": "vue",
92-
"path": "./snippets/elements.json"
93-
},
94-
{
95-
"language": "vue",
96-
"path": "./snippets/var-js.json"
97-
},
98-
{
99-
"language": "typescript",
100-
"path": "./snippets/destructuring.json"
101-
},
102-
{
103-
"language": "typescript",
104-
"path": "./snippets/elements.json"
105-
},
106-
{
107-
"language": "typescriptreact",
108-
"path": "./snippets/var-ts.json"
109-
},
110-
{
111-
"language": "typescriptreact",
112-
"path": "./snippets/destructuring.json"
113-
},
114-
{
115-
"language": "typescriptreact",
116-
"path": "./snippets/elements.json"
117-
},
118-
{
119-
"language": "typescriptreact",
120-
"path": "./snippets/react.json"
121-
},
122-
{
123-
"language": "tsx-attr",
124-
"path": "./snippets/var-ts.json"
125-
},
126-
{
127-
"language": "tsx-attr",
128-
"path": "./snippets/destructuring.json"
129-
},
130-
{
131-
"language": "tsx-attr",
132-
"path": "./snippets/elements.json"
133-
},
134-
{
135-
"language": "tsx-attr",
136-
"path": "./snippets/react.json"
44+
"path": "./snippets/code.json"
13745
},
13846
{
13947
"language": "typescript",
140-
"path": "./snippets/var-ts.json"
141-
},
142-
{
143-
"language": "json",
144-
"path": "./snippets/json.json"
48+
"path": "./snippets/code.json"
14549
},
14650
{
147-
"language": "jsonc",
148-
"path": "./snippets/json.json"
51+
"language": "css",
52+
"path": "./snippets/styles.json"
14953
},
15054
{
151-
"language": "json5",
152-
"path": "./snippets/json.json"
55+
"language": "scss",
56+
"path": "./snippets/styles.json"
15357
}
15458
]
15559
},

0 commit comments

Comments
 (0)