├── .DS_Store ├── .vscode └── launch.json ├── LICENSE ├── README.md ├── images ├── icon.png └── preview.gif ├── package.json ├── snippets └── snippets.json └── vsc-extension-quickstart.md /.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abusaidm/html-snippets/cbf4f185f1646b8cd114a6a89048f09eaa2dade0/.DS_Store -------------------------------------------------------------------------------- /.vscode/launch.json: -------------------------------------------------------------------------------- 1 | // A launch configuration that compiles the extension and then opens it inside a new window 2 | { 3 | "version": "0.1.0", 4 | "configurations": [ 5 | { 6 | "name": "Launch Extension", 7 | "type": "extensionHost", 8 | "request": "launch", 9 | "runtimeExecutable": "${execPath}", 10 | "args": ["--extensionDevelopmentPath=${workspaceRoot}" ] 11 | } 12 | ] 13 | } -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 Mohamed Abusaid 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # README 2 | ## Visual Studio Code HTML Snippets 3 | ## DISABLING THIS EXTENSION AS IT CURRENTLY CONFLICTS WTH EXISTING VS CODE HTML EXTENSION 4 | 5 | This extension adds rich language support for the HTML Markup to VS Code, including: 6 | 7 | - Full HTML5 Tags 8 | - Colorization 9 | - Snippets 10 | - [partially implemented] Quick Info 11 | - description mentions if tag deprecated 12 | 13 | ### Update 5 14 | - Disabling this extension as its functionality has been absorbed by VS Code main html extension. 15 | 16 | ### Update 4 17 | - Removed all languages, only HTML Remains. 18 | - Added FAQ in end of page. 19 | 20 | ### Update 3 21 | - added php, js, and jsreact as languages where the snippets work by default. 22 | 23 | 24 | ### Update 2 25 | - fixed a bug with line cursor on vscode 1.5.1 26 | 27 | ### Update 1 28 | - removed deprecated tags [acronym, applet, basefont, center, dir, font, frame, frameset, noframes, strike, tt] 29 | - fixed LI tag issue, you couldn't add new line in the tags 30 | 31 | ### Todo 32 | - [on-going]Improve syntax layout. 33 | - [on-going]Add support for Tab to end of line. 34 | - [on-going]Populate Tags with properties. 35 | 36 | # Using 37 | Type part of a snippet, press enter, and the snippet unfolds. 38 | 39 | Snippets named as the tag without braces 40 | 41 | div -->
42 | doc --> 43 | a --> 44 | 45 | ![alt text](https://i.imgur.com/VOhBvHb.gif "Snippets Preview") 46 | 47 | # Installation 48 | 49 | 1. Install Visual Studio Code 0.10.1 or higher 50 | 2. Launch Code 51 | 3. From the command palette `Ctrl-Shift-P` (Windows, Linux) or `Cmd-Shift-P` (OSX) 52 | 4. Select Install Extension 53 | 5. Type `HTML-Snippets` 54 | 6. Choose the extension 55 | 7. Reload Visual Studio Code 56 | 57 | # FAQ 58 | ## How to enable the snippets on a file other than html? 59 | Add the following code to the project settings.json or global settings.json : 60 | ``` 61 | "files.associations": { 62 | // extension name : html 63 | "*.ejs": "html", 64 | "*.js": "html" 65 | } 66 | ``` 67 | the above code will allow html snippet to work on .ejs and .js files, amend to fit your needs. 68 | 69 | Please Read this answer. 70 | [Make extension work in languages other than HTML](https://github.com/abusaidm/html-snippets/issues/27#issuecomment-282512411) 71 | 72 | ## How can I report an issue? 73 | The easiest way is to start a git issue, I will attempt to answer ASAP else I hope someone else will answer. 74 | 75 | # Contact 76 | If you find any issue or have a suggestion please tweet me on @m_abusaid 77 | 78 | >**I am unable to respond to comments on the store page, please use appropriate channels github/twitter to reach me. Thank you** 79 | 80 | ## License 81 | MIT License, refer to license file. 82 | 83 | # Source 84 | [Github](https://github.com/abusaidm/html-snippets) 85 | 86 | ** Enjoy!** 87 | -------------------------------------------------------------------------------- /images/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abusaidm/html-snippets/cbf4f185f1646b8cd114a6a89048f09eaa2dade0/images/icon.png -------------------------------------------------------------------------------- /images/preview.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abusaidm/html-snippets/cbf4f185f1646b8cd114a6a89048f09eaa2dade0/images/preview.gif -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "html-snippets", 3 | "displayName": "HTML Snippets", 4 | "description": "Full HTML tags including HTML5 Snippets", 5 | "version": "0.2.1", 6 | "publisher": "abusaidm", 7 | "icon": "images/icon.png", 8 | "engines": { 9 | "vscode": "^1.9.1" 10 | }, 11 | "galleryBanner": { 12 | "color": "#1E81C1", 13 | "theme": "light" 14 | }, 15 | "categories": [ 16 | "Snippets" 17 | ], 18 | "contributes": { 19 | "snippets": [ 20 | { 21 | "language": "html", 22 | "path": "./snippets/snippets.json" 23 | } 24 | ] 25 | }, 26 | "license": "MIT", 27 | "bugs": { 28 | "url": "https://github.com/abusaidm/html-snippets/issues" 29 | }, 30 | "repository": { 31 | "type": "git", 32 | "url": "https://github.com/abusaidm/html-snippets.git" 33 | }, 34 | "homepage": "https://github.com/abusaidm/html-snippets/blob/master/README.md" 35 | } 36 | -------------------------------------------------------------------------------- /snippets/snippets.json: -------------------------------------------------------------------------------- 1 | // { 2 | // "doctype": { 3 | // "prefix": "doctype", 4 | // "body": [ 5 | // "", 6 | // "$1" 7 | // ], 8 | // "description": "HTML - Defines the document type", 9 | // "scope": "text.html" 10 | // }, 11 | // "a": { 12 | // "prefix": "a", 13 | // "body": "$2$3", 14 | // "description": "HTML - Defines a hyperlink", 15 | // "scope": "text.html" 16 | // }, 17 | // "abbr": { 18 | // "prefix": "abbr", 19 | // "body": "$2$3", 20 | // "description": "HTML - Defines an abbreviation", 21 | // "scope": "text.html" 22 | // }, 23 | // "address": { 24 | // "prefix": "address", 25 | // "body": [ 26 | // "
", 27 | // "$1", 28 | // "
" 29 | // ], 30 | // "description": "HTML - Defines an address element", 31 | // "scope": "text.html" 32 | // }, 33 | // "area": { 34 | // "prefix": "area", 35 | // "body": "\"$4\"$5", 36 | // "description": "HTML - Defines an area inside an image map", 37 | // "scope": "text.html" 38 | // }, 39 | // "article": { 40 | // "prefix": "article", 41 | // "body": [ 42 | // "
", 43 | // "\t$1", 44 | // "
" 45 | // ], 46 | // "description": "HTML - Defines an article", 47 | // "scope": "text.html" 48 | // }, 49 | // "aside": { 50 | // "prefix": "aside", 51 | // "body": [ 52 | // "$2" 55 | // ], 56 | // "description": "HTML - Defines content aside from the page content", 57 | // "scope": "text.html" 58 | // }, 59 | // "audio": { 60 | // "prefix": "audio", 61 | // "body": [ 62 | // "" 65 | // ], 66 | // "description": "HTML - Defines sounds content", 67 | // "scope": "text.html" 68 | // }, 69 | // "b": { 70 | // "prefix": "b", 71 | // "body": "$1$2", 72 | // "description": "HTML - Defines bold text", 73 | // "scope": "text.html" 74 | // }, 75 | // "base": { 76 | // "prefix": "base", 77 | // "body": "$3", 78 | // "description": "HTML - Defines a base URL for all the links in a page", 79 | // "scope": "text.html" 80 | // }, 81 | // "bdi": { 82 | // "prefix": "bdi", 83 | // "body": "$1$2", 84 | // "description": "HTML - Used to isolate text that is of unknown directionality", 85 | // "scope": "text.html" 86 | // }, 87 | // "bdo": { 88 | // "prefix": "bdo", 89 | // "body": [ 90 | // "", 91 | // "$2", 92 | // ""], 93 | // "description": "HTML - Defines the direction of text display", 94 | // "scope": "text.html" 95 | // }, 96 | // "big": { 97 | // "prefix": "big", 98 | // "body": "$1$2", 99 | // "description": "HTML - Used to make text bigger", 100 | // "scope": "text.html" 101 | // }, 102 | // "blockquote": { 103 | // "prefix": "blockquote", 104 | // "body": [ 105 | // "
", 106 | // "\t$1", 107 | // "
" 108 | // ], 109 | // "description": "HTML - Defines a long quotation", 110 | // "scope": "text.html" 111 | // }, 112 | // "body": { 113 | // "prefix": "body", 114 | // "body": [ 115 | // "", 116 | // "\t$1", 117 | // ""], 118 | // "description": "HTML - Defines the body element", 119 | // "scope": "text.html" 120 | // }, 121 | // "br": { 122 | // "prefix": "br", 123 | // "body": "
", 124 | // "description": "HTML - Inserts a single line break", 125 | // "scope": "text.html" 126 | // }, 127 | // "button": { 128 | // "prefix": "button", 129 | // "body": "$3", 130 | // "description": "HTML - Defines a push button", 131 | // "scope": "text.html" 132 | // }, 133 | // "canvas": { 134 | // "prefix": "canvas", 135 | // "body": "$2$3", 136 | // "description": "HTML - Defines graphics", 137 | // "scope": "text.html" 138 | // }, 139 | // "caption": { 140 | // "prefix": "caption", 141 | // "body": "$1$2", 142 | // "description": "HTML - Defines a table caption", 143 | // "scope": "text.html" 144 | // }, 145 | // "cite": { 146 | // "prefix": "cite", 147 | // "body": "$1$2", 148 | // "description": "HTML - Defines a citation", 149 | // "scope": "text.html" 150 | // }, 151 | // "code": { 152 | // "prefix": "code", 153 | // "body": "$1$2", 154 | // "description": "HTML - Defines computer code text", 155 | // "scope": "text.html" 156 | // }, 157 | // "col": { 158 | // "prefix": "col", 159 | // "body": "$2", 160 | // "description": "HTML - Defines attributes for table columns", 161 | // "scope": "text.html" 162 | // }, 163 | // "colgroup": { 164 | // "prefix": "colgroup", 165 | // "body": [ 166 | // "", 167 | // "\t$1", 168 | // ""], 169 | // "description": "HTML - Defines group of table columns", 170 | // "scope": "text.html" 171 | // }, 172 | // "command": { 173 | // "prefix": "command", 174 | // "body": "$1$2", 175 | // "description": "HTML - Defines a command button [not supported]", 176 | // "scope": "text.html" 177 | // }, 178 | // "datalist": { 179 | // "prefix": "datalist", 180 | // "body": [ 181 | // "", 182 | // "\t$1", 183 | // "" 184 | // ], 185 | // "description": "HTML - Defines a dropdown list", 186 | // "scope": "text.html" 187 | // }, 188 | // "dd": { 189 | // "prefix": "dd", 190 | // "body": "
$1
$2", 191 | // "description": "HTML - Defines a definition description", 192 | // "scope": "text.html" 193 | // }, 194 | // "del": { 195 | // "prefix": "del", 196 | // "body": "$1$2", 197 | // "description": "HTML - Defines deleted text", 198 | // "scope": "text.html" 199 | // }, 200 | // "details": { 201 | // "prefix": "details", 202 | // "body": [ 203 | // "
", 204 | // "\t$1", 205 | // "
" 206 | // ], 207 | // "description": "HTML - Defines details of an element", 208 | // "scope": "text.html" 209 | // }, 210 | // "dialog": { 211 | // "prefix": "dialog", 212 | // "body": "$1$2", 213 | // "description": "HTML - Defines a dialog (conversation)", 214 | // "scope": "text.html" 215 | // }, 216 | // "dfn": { 217 | // "prefix": "dfn", 218 | // "body": "$1$2", 219 | // "description": "HTML - Defines a definition term", 220 | // "scope": "text.html" 221 | // }, 222 | // "div": { 223 | // "prefix": "div", 224 | // "body": [ 225 | // "
", 226 | // "\t$1", 227 | // "
" 228 | // ], 229 | // "description": "HTML - Defines a section in a document", 230 | // "scope": "text.html" 231 | // }, 232 | // "dl": { 233 | // "prefix": "dl", 234 | // "body": [ 235 | // "
", 236 | // "\t$1", 237 | // "
" 238 | // ], 239 | // "description": "HTML - Defines a definition list", 240 | // "scope": "text.html" 241 | // }, 242 | // "dt": { 243 | // "prefix": "dt", 244 | // "body": "
$1
$2", 245 | // "description": "HTML - Defines a definition term", 246 | // "scope": "text.html" 247 | // }, 248 | // "em": { 249 | // "prefix": "em", 250 | // "body": "$1$2", 251 | // "description": "HTML - Defines emphasized text", 252 | // "scope": "text.html" 253 | // }, 254 | // "embed": { 255 | // "prefix": "embed", 256 | // "body": "$2", 257 | // "description": "HTML - Defines external interactive content ot plugin", 258 | // "scope": "text.html" 259 | // }, 260 | // "fieldset": { 261 | // "prefix": "fieldset", 262 | // "body": [ 263 | // "
", 264 | // "\t$1", 265 | // "
"], 266 | // "description": "HTML - Defines a fieldset", 267 | // "scope": "text.html" 268 | // }, 269 | // "figcaption": { 270 | // "prefix": "figcaption", 271 | // "body": "
$1
$2", 272 | // "description": "HTML - Defines a caption for a figure", 273 | // "scope": "text.html" 274 | // }, 275 | // "figure": { 276 | // "prefix": "figure", 277 | // "body": [ 278 | // "
", 279 | // "\t$1", 280 | // "
" 281 | // ], 282 | // "description": "HTML - Defines a group of media content, and their caption", 283 | // "scope": "text.html" 284 | // }, 285 | // "footer": { 286 | // "prefix": "footer", 287 | // "body": [ 288 | // "" 291 | // ], 292 | // "description": "HTML - Defines a footer for a section or page", 293 | // "scope": "text.html" 294 | // }, 295 | // "form": { 296 | // "prefix": "form", 297 | // "body": [ 298 | // "
", 299 | // "\t$1", 300 | // "
" 301 | // ], 302 | // "description": "HTML - Defines a form", 303 | // "scope": "text.html" 304 | // }, 305 | // "h1": { 306 | // "prefix": "h1", 307 | // "body": "

$1

$2", 308 | // "description": "HTML - Defines header 1", 309 | // "scope": "text.html" 310 | // }, 311 | // "h2": { 312 | // "prefix": "h2", 313 | // "body": "

$1

$2", 314 | // "description": "HTML - Defines header 2", 315 | // "scope": "text.html" 316 | // }, 317 | // "h3": { 318 | // "prefix": "h3", 319 | // "body": "

$1

$2", 320 | // "description": "HTML - Defines header 3", 321 | // "scope": "text.html" 322 | // }, 323 | // "h4": { 324 | // "prefix": "h4", 325 | // "body": "

$1

$2", 326 | // "description": "HTML - Defines header 4", 327 | // "scope": "text.html" 328 | // }, 329 | // "h5": { 330 | // "prefix": "h5", 331 | // "body": "
$1
$2", 332 | // "description": "HTML - Defines header 5", 333 | // "scope": "text.html" 334 | // }, 335 | // "h6": { 336 | // "prefix": "h6", 337 | // "body": "
$1
$2", 338 | // "description": "HTML - Defines header 6", 339 | // "scope": "text.html" 340 | // }, 341 | // "head": { 342 | // "prefix": "head", 343 | // "body": [ 344 | // "", 345 | // "\t$1", 346 | // "" 347 | // ], 348 | // "description": "HTML - Defines information about the document", 349 | // "scope": "text.html" 350 | // }, 351 | // "header": { 352 | // "prefix": "header", 353 | // "body": [ 354 | // "
", 355 | // "\t$1", 356 | // "
" 357 | // ], 358 | // "description": "HTML - Defines a header for a section of page", 359 | // "scope": "text.html" 360 | // }, 361 | // "hgroup": { 362 | // "prefix": "hgroup", 363 | // "body": [ 364 | // "
", 365 | // "\t$1", 366 | // "
" 367 | // ], 368 | // "description": "HTML - Defines information about a section in a document", 369 | // "scope": "text.html" 370 | // }, 371 | // "hr": { 372 | // "prefix": "hr", 373 | // "body": "
", 374 | // "description": "HTML - Defines a horizontal rule", 375 | // "scope": "text.html" 376 | // }, 377 | // "html": { 378 | // "prefix": "html", 379 | // "body": [ 380 | // "", 381 | // "\t$1", 382 | // "" 383 | // ], 384 | // "description": "HTML - Defines an html document", 385 | // "scope": "text.html" 386 | // }, 387 | // "html5": { 388 | // "prefix": "html5", 389 | // "body": [ 390 | // "", 391 | // "", 392 | // "\t", 393 | // "\t\t$2", 394 | // "\t\t", 395 | // "\t\t", 396 | // "\t\t", 397 | // "\t", 398 | // "\t", 399 | // "\t$4", 400 | // "\t", 401 | // "" 402 | // ], 403 | // "description": "HTML - Defines a template for a html5 document", 404 | // "scope": "text.html" 405 | // }, 406 | // "i": { 407 | // "prefix": "i", 408 | // "body": "$1$2", 409 | // "description": "HTML - Defines italic text", 410 | // "scope": "text.html" 411 | // }, 412 | // "iframe": { 413 | // "prefix": "iframe", 414 | // "body": "$3", 415 | // "description": "HTML - Defines an inline sub window", 416 | // "scope": "text.html" 417 | // }, 418 | // "img": { 419 | // "prefix": "img", 420 | // "body": "\"$2\"$3", 421 | // "description": "HTML - Defines an image", 422 | // "scope": "text.html" 423 | // }, 424 | // "input": { 425 | // "prefix": "input", 426 | // "body": "$4", 427 | // "description": "HTML - Defines an input field", 428 | // "scope": "text.html" 429 | // }, 430 | // "ins": { 431 | // "prefix": "ins", 432 | // "body": "$1$2", 433 | // "description": "HTML - Defines inserted text", 434 | // "scope": "text.html" 435 | // }, 436 | // "keygen": { 437 | // "prefix": "keygen", 438 | // "body": "$2", 439 | // "description": "HTML - Defines a generated key in a form", 440 | // "scope": "text.html" 441 | // }, 442 | // "kbd": { 443 | // "prefix": "kbd", 444 | // "body": "$1$2", 445 | // "description": "HTML - Defines keyboard text", 446 | // "scope": "text.html" 447 | // }, 448 | // "label": { 449 | // "prefix": "label", 450 | // "body": "$3", 451 | // "description": "HTML - Defines an inline window", 452 | // "scope": "text.html" 453 | // }, 454 | // "legend": { 455 | // "prefix": "legend", 456 | // "body": "$1$2", 457 | // "description": "HTML - Defines a title in a fieldset", 458 | // "scope": "text.html" 459 | // }, 460 | // "li": { 461 | // "prefix": "li", 462 | // "body": "
  • $1
    • $2", 463 | // "description": "HTML - Defines a list item", 464 | // "scope": "text.html" 465 | // }, 466 | // "link": { 467 | // "prefix": "link", 468 | // "body": "$4", 469 | // "description": "HTML - Defines a resource reference", 470 | // "scope": "text.html" 471 | // }, 472 | // "main": { 473 | // "prefix": "main", 474 | // "body": [ 475 | // "
    ", 476 | // "\t$1", 477 | // "
    " 478 | // ], 479 | // "description": "HTML - Defines an image map", 480 | // "scope": "text.html" 481 | // }, 482 | // "map": { 483 | // "prefix": "map", 484 | // "body": [ 485 | // "", 486 | // "\t$2", 487 | // ""], 488 | // "description": "HTML - Defines an image map", 489 | // "scope": "text.html" 490 | // }, 491 | // "mark": { 492 | // "prefix": "mark", 493 | // "body": "$1$2", 494 | // "description": "HTML - Defines marked text", 495 | // "scope": "text.html" 496 | // }, 497 | // "menu": { 498 | // "prefix": "menu", 499 | // "body": [ 500 | // "", 501 | // "\t$1", 502 | // "" 503 | // ], 504 | // "description": "HTML - Defines a menu list", 505 | // "scope": "text.html" 506 | // }, 507 | // "menuitem": { 508 | // "prefix": "menuitem", 509 | // "body": "$1$2", 510 | // "description": "HTML - Defines a menu item [firefox only]", 511 | // "scope": "text.html" 512 | // }, 513 | // "meta": { 514 | // "prefix": "meta", 515 | // "body": "$3", 516 | // "description": "HTML - Defines meta information", 517 | // "scope": "text.html" 518 | // }, 519 | // "meter": { 520 | // "prefix": "meter", 521 | // "body": "$2$3", 522 | // "description": "HTML - Defines measurement within a predefined range", 523 | // "scope": "text.html" 524 | // }, 525 | // "nav": { 526 | // "prefix": "nav", 527 | // "body": [ 528 | // "" 531 | // ], 532 | // "description": "HTML - Defines navigation links", 533 | // "scope": "text.html" 534 | // }, 535 | // "noscript": { 536 | // "prefix": "noscript", 537 | // "body": [ 538 | // "" 541 | // ], 542 | // "description": "HTML - Defines a noscript section", 543 | // "scope": "text.html" 544 | // }, 545 | // "object": { 546 | // "prefix": "object", 547 | // "body": "$4$5", 548 | // "description": "HTML - Defines an embedded object", 549 | // "scope": "text.html" 550 | // }, 551 | // "ol": { 552 | // "prefix": "ol", 553 | // "body": [ 554 | // "
      ", 555 | // "\t$1", 556 | // "
    " 557 | // ], 558 | // "description": "HTML - Defines an ordered list", 559 | // "scope": "text.html" 560 | // }, 561 | // "optgroup": { 562 | // "prefix": "optgroup", 563 | // "body": [ 564 | // "", 565 | // "\t$1", 566 | // "" 567 | // ], 568 | // "description": "HTML - Defines an option group", 569 | // "scope": "text.html" 570 | // }, 571 | // "option": { 572 | // "prefix": "option", 573 | // "body": "$3", 574 | // "description": "HTML - Defines an option in a drop-down list", 575 | // "scope": "text.html" 576 | // }, 577 | // "output": { 578 | // "prefix": "output", 579 | // "body": "$3$4", 580 | // "description": "HTML - Defines some types of output", 581 | // "scope": "text.html" 582 | // }, 583 | // "p": { 584 | // "prefix": "p", 585 | // "body": "

    $1

    $2", 586 | // "description": "HTML - Defines a paragraph", 587 | // "scope": "text.html" 588 | // }, 589 | // "param": { 590 | // "prefix": "param", 591 | // "body": "$3", 592 | // "description": "HTML - Defines a parameter for an object", 593 | // "scope": "text.html" 594 | // }, 595 | // "pre": { 596 | // "prefix": "pre", 597 | // "body": [ 598 | // "
    $1
    " 599 | // ], 600 | // "description": "HTML - Defines preformatted text", 601 | // "scope": "text.html" 602 | // }, 603 | // "progress": { 604 | // "prefix": "progress", 605 | // "body": "$3$4", 606 | // "description": "HTML - Defines progress of a task of any kind", 607 | // "scope": "text.html" 608 | // }, 609 | // "q": { 610 | // "prefix": "q", 611 | // "body": "$1$2", 612 | // "description": "HTML - Defines a short quotation", 613 | // "scope": "text.html" 614 | // }, 615 | // "rp": { 616 | // "prefix": "rp", 617 | // "body": "$1$2", 618 | // "description": "HTML - Used in ruby annotations to define what to show browsers that do not support the ruby element", 619 | // "scope": "text.html" 620 | // }, 621 | // "rt": { 622 | // "prefix": "rt", 623 | // "body": "$1$2", 624 | // "description": "HTML - Defines explanation to ruby annotations", 625 | // "scope": "text.html" 626 | // }, 627 | // "ruby": { 628 | // "prefix": "ruby", 629 | // "body": [ 630 | // "", 631 | // "$1", 632 | // "" 633 | // ], 634 | // "description": "HTML - Defines ruby annotations", 635 | // "scope": "text.html" 636 | // }, 637 | // "s": { 638 | // "prefix": "s", 639 | // "body": "$1$2", 640 | // "description": "HTML - Used to define strikethrough text", 641 | // "scope": "text.html" 642 | // }, 643 | // "samp": { 644 | // "prefix": "samp", 645 | // "body": "$1$2", 646 | // "description": "HTML - Defines sample computer code", 647 | // "scope": "text.html" 648 | // }, 649 | // "script": { 650 | // "prefix": "script", 651 | // "body": [ 652 | // "" 655 | // ], 656 | // "description": "HTML - Defines a script", 657 | // "scope": "text.html" 658 | // }, 659 | // "section": { 660 | // "prefix": "section", 661 | // "body": [ 662 | // "
    ", 663 | // "\t$1", 664 | // "
    " 665 | // ], 666 | // "description": "HTML - Defines a section", 667 | // "scope": "text.html" 668 | // }, 669 | // "select": { 670 | // "prefix": "select", 671 | // "body": [ 672 | // "" 675 | // ], 676 | // "description": "HTML - Defines a selectable list", 677 | // "scope": "text.html" 678 | // }, 679 | // "small": { 680 | // "prefix": "small", 681 | // "body": "$1$2", 682 | // "description": "HTML - Defines small text", 683 | // "scope": "text.html" 684 | // }, 685 | // "source": { 686 | // "prefix": "source", 687 | // "body": "$3", 688 | // "description": "HTML - Defines media resource", 689 | // "scope": "text.html" 690 | // }, 691 | // "span": { 692 | // "prefix": "span", 693 | // "body": "$1$2", 694 | // "description": "HTML - Defines a section in a document", 695 | // "scope": "text.html" 696 | // }, 697 | // "strong": { 698 | // "prefix": "strong", 699 | // "body": "$1$2", 700 | // "description": "HTML - Defines strong text", 701 | // "scope": "text.html" 702 | // }, 703 | // "style": { 704 | // "prefix": "style", 705 | // "body": [ 706 | // "" 709 | // ], 710 | // "description": "HTML - Defines a style definition", 711 | // "scope": "text.html" 712 | // }, 713 | // "sub": { 714 | // "prefix": "sub", 715 | // "body": "$1$2", 716 | // "description": "HTML - Defines sub-scripted text", 717 | // "scope": "text.html" 718 | // }, 719 | // "sup": { 720 | // "prefix": "sup", 721 | // "body": "$1$2", 722 | // "description": "HTML - Defines super-scripted text", 723 | // "scope": "text.html" 724 | // }, 725 | // "summary": { 726 | // "prefix": "summary", 727 | // "body": "$1$2", 728 | // "description": "HTML - Defines a visible heading for the detail element [limited support]", 729 | // "scope": "text.html" 730 | // }, 731 | // "table": { 732 | // "prefix": "table", 733 | // "body": [ 734 | // "", 735 | // "\t$1", 736 | // "
    " 737 | // ], 738 | // "description": "HTML - Defines a table", 739 | // "scope": "text.html" 740 | // }, 741 | // "tbody": { 742 | // "prefix": "tbody", 743 | // "body": [ 744 | // "", 745 | // "\t$1", 746 | // "" 747 | // ], 748 | // "description": "HTML - Defines a table body", 749 | // "scope": "text.html" 750 | // }, 751 | // "td": { 752 | // "prefix": "td", 753 | // "body": "$1$2", 754 | // "description": "HTML - Defines a table cell", 755 | // "scope": "text.html" 756 | // }, 757 | // "textarea": { 758 | // "prefix": "textarea", 759 | // "body": "$4", 760 | // "description": "HTML - Defines a text area", 761 | // "scope": "text.html" 762 | // }, 763 | // "tfoot": { 764 | // "prefix": "tfoot", 765 | // "body": [ 766 | // "", 767 | // "\t$1", 768 | // "" 769 | // ], 770 | // "description": "HTML - Defines a table footer", 771 | // "scope": "text.html" 772 | // }, 773 | // "thead": { 774 | // "prefix": "thead", 775 | // "body": [ 776 | // "", 777 | // "$1", 778 | // "" 779 | // ], 780 | // "description": "HTML - Defines a table head", 781 | // "scope": "text.html" 782 | // }, 783 | // "th": { 784 | // "prefix": "th", 785 | // "body": "$1$2", 786 | // "description": "HTML - Defines a table header", 787 | // "scope": "text.html" 788 | // }, 789 | // "time": { 790 | // "prefix": "time", 791 | // "body": "$3", 792 | // "description": "HTML - Defines a date/time", 793 | // "scope": "text.html" 794 | // }, 795 | // "title": { 796 | // "prefix": "title", 797 | // "body": "$1$2", 798 | // "description": "HTML - Defines the document title", 799 | // "scope": "text.html" 800 | // }, 801 | // "tr": { 802 | // "prefix": "tr", 803 | // "body": "$1$2", 804 | // "description": "HTML - Defines a table row", 805 | // "scope": "text.html" 806 | // }, 807 | // "track": { 808 | // "prefix": "track", 809 | // "body": "$5", 810 | // "description": "HTML - Defines a table row", 811 | // "scope": "text.html" 812 | // }, 813 | // "u": { 814 | // "prefix": "u", 815 | // "body": "$1$2", 816 | // "description": "HTML - Used to define underlined text", 817 | // "scope": "text.html" 818 | // }, 819 | // "ul": { 820 | // "prefix": "ul", 821 | // "body": [ 822 | // "" 825 | // ], 826 | // "description": "HTML - Defines an unordered list", 827 | // "scope": "text.html" 828 | // }, 829 | // "var": { 830 | // "prefix": "var", 831 | // "body": "$1$2", 832 | // "description": "HTML - Defines a variable", 833 | // "scope": "text.html" 834 | // }, 835 | // "video": { 836 | // "prefix": "video", 837 | // "body": [ 838 | // ""], 841 | // "description": "HTML - Defines a video", 842 | // "scope": "text.html" 843 | // } 844 | // } 845 | -------------------------------------------------------------------------------- /vsc-extension-quickstart.md: -------------------------------------------------------------------------------- 1 | # Welcome to your VS Code Extension 2 | 3 | ## What's in the folder 4 | * This folder contains all of the files necessary for your extension 5 | * `package.json` - this is the manifest file that defines the location of the snippet file 6 | and specifies the language of the snippets 7 | * `snippets/snippets.json` - the file containing all snippets 8 | 9 | ## Get up and running straight away 10 | * press `F5` to open a new window with your extension loaded 11 | * create a new file with a file name suffix matching your language 12 | * verify that your snippets are proposed on intellisense 13 | 14 | ## Make changes 15 | * you can relaunch the extension from the debug toolbar after making changes to the files listed above 16 | * you can also reload (`Ctrl+R` or `Cmd+R` on Mac) the VS Code window with your extension to load your changes 17 | 18 | ## Install your extension 19 | * To start using your extension with Visual Studio Code copy it into the /.vscode/extensions folder and restart Code. 20 | * To share your extension with the world, read on https://code.visualstudio.com/docs about publishing an extension. --------------------------------------------------------------------------------