Visual Studio Code Settings Sync Gist

cloudSettings

{"lastUpload":"2019-11-08T19:47:45.775Z","extensionVersion":"v3.4.3"}

extensions.json

[
  {
    "metadata": {
      "id": "e337c67b-55c2-4fef-8949-eb260e7fb7fd",
      "publisherId": "Shan.code-settings-sync",
      "publisherDisplayName": "Shan"
    },
    "name": "code-settings-sync",
    "publisher": "Shan",
    "version": "3.4.3"
  },
  {
    "metadata": {
      "id": "e77b45cd-d790-4bd7-ac84-23599dec3f28",
      "publisherId": "bashmish.es6-string-css",
      "publisherDisplayName": "bashmish"
    },
    "name": "es6-string-css",
    "publisher": "bashmish",
    "version": "0.1.0"
  },
  {
    "metadata": {
      "id": "1785cdb5-4792-4227-819e-b78d537688b5",
      "publisherId": "bierner.lit-html",
      "publisherDisplayName": "bierner"
    },
    "name": "lit-html",
    "publisher": "bierner",
    "version": "1.11.1"
  },
  {
    "metadata": {
      "id": "9f47c6a1-da06-41ce-ba18-5e281296aa0a",
      "publisherId": "stringham.move-ts",
      "publisherDisplayName": "stringham"
    },
    "name": "move-ts",
    "publisher": "stringham",
    "version": "1.11.5"
  },
  {
    "metadata": {
      "id": "a92d457e-6f3f-4167-8087-1a54e1b6e00e",
      "publisherId": "Angular.ng-template",
      "publisherDisplayName": "Angular"
    },
    "name": "ng-template",
    "publisher": "Angular",
    "version": "0.802.3"
  },
  {
    "metadata": {
      "id": "96fa4707-6983-4489-b7c5-d5ffdfdcce90",
      "publisherId": "esbenp.prettier-vscode",
      "publisherDisplayName": "esbenp"
    },
    "name": "prettier-vscode",
    "publisher": "esbenp",
    "version": "2.3.0"
  },
  {
    "metadata": {
      "id": "f1f59ae4-9318-4f3c-a9b5-81b2eaa5f8a5",
      "publisherId": "ms-python.python",
      "publisherDisplayName": "ms-python"
    },
    "name": "python",
    "publisher": "ms-python",
    "version": "2019.10.44104"
  },
  {
    "metadata": {
      "id": "513cf511-3894-4ee2-8c34-13ab83ddfd37",
      "publisherId": "eg2.tslint",
      "publisherDisplayName": "eg2"
    },
    "name": "tslint",
    "publisher": "eg2",
    "version": "1.0.44"
  },
  {
    "metadata": {
      "id": "23af9d29-d477-41a5-be46-487678aae63f",
      "publisherId": "ghaschel.vscode-angular-html",
      "publisherDisplayName": "ghaschel"
    },
    "name": "vscode-angular-html",
    "publisher": "ghaschel",
    "version": "1.3.1"
  },
  {
    "metadata": {
      "id": "583b2b34-2c1e-4634-8c0b-0b82e283ea3a",
      "publisherId": "dbaeumer.vscode-eslint",
      "publisherDisplayName": "dbaeumer"
    },
    "name": "vscode-eslint",
    "publisher": "dbaeumer",
    "version": "1.9.1"
  }
]

keybindings.json

// Empty

keybindingsMac.json

// Empty

settings.json

{
  "files.insertFinalNewline": true,
  "files.eol": "\n",
  "files.enableTrash": false,
  "editor.tabSize": 2,
  "editor.dragAndDrop": false,
  "editor.folding": false,
  "editor.rulers": [120],
  "workbench.startupEditor": "newUntitledFile",
  "javascript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyBraces": false,
  "javascript.preferences.quoteStyle": "single",
  "typescript.updateImportsOnFileMove.enabled": "always",
  "editor.minimap.enabled": false,
  "editor.renderWhitespace": "all",
  "diffEditor.ignoreTrimWhitespace": false,
  "editor.formatOnPaste": true,
  "typescript.preferences.quoteStyle": "single",
  "html.format.enable": false,
  "html.format.wrapAttributes": "force",
  "html.format.endWithNewline": true,
  "files.trimTrailingWhitespace": true,
  "editor.detectIndentation": false,
  "window.zoomLevel": 0,
  "prettier.jsxBracketSameLine": true,
  "prettier.printWidth": 120,
	"sync.gist": "22ece87799673ebe196531101e80ebbb",
	"prettier.singleQuote": true,
  "breadcrumbs.enabled": true,
  "sync.forceUpload": true
}

snippets|advanced-angular-component.code-snippets

{
  "Advanced Angular Component": {
    "scope": "typescript",
    "prefix": "acc",
    "body": [
      "import {",
      "  ChangeDetectionStrategy,",
      "  Component,",
      "  EventEmitter,",
      "  Input,",
      "  OnInit,",
      "  Output",
      "} from '@angular/core';",
      "import { Observable } from 'rxjs'",
      "",
      "@Component({",
      "  selector: 'ctl-$1',",
      "  template: `",
      "    $0",
      "  `,",
      "  styles: [`",
      "  `],",
      "  changeDetection: ChangeDetectionStrategy.OnPush",
      "})",
      "export class $2Component implements OnInit {",
      "  constructor() {}",
      "  ngOnInit() {}",
      "}"
    ],
    "description": "Template for a new advanced Angular component"
  }
}

snippets|es6-export.code-snippets

{
	"ES6 export": {
		"scope": "",
		"prefix": "exp",
		"body": [
			"export { $2 } from '$1';"
		],
		"description": "ES6 export statement"
	}
}

snippets|es6-import.code-snippets

{
	"ES6 import": {
		"scope": "",
		"prefix": "imp",
		"body": [
			"import { $2 } from '$1';"
		],
		"description": "ES6 import statement"
	}
}

snippets|html-template.code-snippets

{
	"HTML template": {
		"scope": "html",
		"prefix": "html",
		"body": [
			"<!doctype html>",
			"<html>",
			"<head>",
			"  <meta charset=\"UTF-8\">",
			"  <title>title</title>",
			"</head>",
			"<body>",
			"  $1",
			"</body>",
			"</html>"
		]
	}
	// Place your global snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and 
	// description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope 
	// is left empty or omitted, the snippet gets applied to all languages. The prefix is what is 
	// used to trigger the snippet and the body will be expanded and inserted. Possible variables are: 
	// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. 
	// Placeholders with the same ids are connected.
	// Example:
	// "Print to console": {
	// 	"scope": "javascript,typescript",
	// 	"prefix": "log",
	// 	"body": [
	// 		"console.log('$1');",
	// 		"$2"
	// 	],
	// 	"description": "Log output to console"
	// }
}

snippets|import-model.code-snippets

{
  "ES6 import model": {
    "scope": "",
    "prefix": "impm",
    "body": [
      "import { $1 } from 'app/models';"
    ],
    "description": "ES6 import statement from app/models"
  }
}

snippets|import-redux.code-snippets

{
  "ES6 import redux": {
    "scope": "",
    "prefix": "impr",
    "body": [
      "import { $1 } from 'app/redux';"
    ],
    "description": "ES6 import statement from app/redux"
  }
}

snippets|import-service.code-snippets

{
  "ES6 import service": {
    "scope": "",
    "prefix": "imps",
    "body": [
      "import { $1 } from 'app/services';"
    ],
    "description": "ES6 import statement from app/services"
  }
}

snippets|import-util.code-snippets

{
  "ES6 import util method": {
    "scope": "",
    "prefix": "impu",
    "body": [
      "import { $1 } from 'app/utils';"
    ],
    "description": "ES6 import statement from app/utils"
  }
}

snippets|jasmine-before-each.code-snippets

{
	"Jasmine beforeEach": {
		"scope": "",
		"prefix": "be",
		"body": [
			"beforeEach(() => {",
			"	 $1",
			"});"
		]
	}
}

snippets|jasmine-describe-it.code-snippets

{
	"Jasmine describe+it": {
		"scope": "",
		"prefix": "dsc",
		"body": [
			"describe('$1', () => {",
			"  it('$2', () => {",
			"    expect(false).toBe(true);",
			"  });",
			"});"
		]
	}
}

snippets|jasmine-it.code-snippets

{
	"Jasmine it": {
		"scope": "",
		"prefix": "it",
		"body": [
			"it('$1', () => {",
			"  expect(false).toBe(true);",
			"});"
		]
	}
}

snippets|jasmine-under-test.code-snippets

{
	"Jasmine something under test": {
		"scope": "",
		"prefix": "unt",
		"body": [
			"import { $1 } from '$2';",
			"",
			"describe('$1', () => {",
			"  beforeEach(() => {",
			"    this.underTest = new $1()",
			"  });",
			"});"
		]
	}
}

snippets|lit-element.code-snippets

{
  "lit-element-template": {
    "scope": "javascript",
    "prefix": "lit",
    "body": [
      "import {LitElement, html, css} from 'lit-element';",
      "",
      "export class $1 extends LitElement {",
      "  constructor() {",
      "    super();",
      "  }",
      "",
      "  static get styles() {",
      "    return [];",
      "  }",
      "",
      "  render() {",
      "    return html`",
      "    `;",
      "  }",
      "}",
      "",
      "customElements.define('$2', $1);"
    ],
    "description": "New lit-element template"
  }
}

snippets|redux-action.code-snippets

{
  "Redux action template": {
    "prefix": "rac",
    "scope": "javascript,typescript",
    "body": [
      "export const $1 = createAction(",
      "  '$2',",
      "  props<{$3}>()",
      ");"
    ],
    "description": "Redux action template"
  }
}

snippets|redux-create-effect.code-snippets

{
  "Redux effect template": {
    "prefix": "ref",
    "scope": "javascript,typescript",
    "body": [
      "$1$ = createEffect(() => this.actions$.pipe(",
      "  ofType($2)",
      "));",
    ],
    "description": "Redux effect template"
  }
}

snippets|simple-angular-component.code-snippets

{
	"Simple Angular Component": {
		"scope": "typescript",
		"prefix": "ac",
		"body": [
			"import { Component } from '@angular/core';",
			"",
			"@Component({",
  		"  selector: 'ctl-$1',",
  		"  template: `",
    	"    $0",
  		"  `,",
  	  "  styles: [`",
  	  "  `]",
			"})",
			"export class $2Component {",
			"}"
		],
		"description": "Template for a new simple Angular component"
	}
}

snippets|svg-icon.code-snippets

{
  "SVG icon": {
    "scope": "javascript",
    "prefix": "svgi",
    "body": [
      "export const $1 = `",
      "<svg width=\"$2\" height=\"$2\" viewBox=\"0 0 $2 $2\">",
      "  $3",
      "</svg>`;"
    ]
  }
}