My Visual Studio Code Settings

extenstions

Azure Resource Manager Tools
Document This
editorconfig
eslint
htmlhint
Latest TypeScript and JavaScript Grammar
JavaScript Atom Grammar
tslint

keybindings.json

// Place your key bindings in this file to overwrite the defaults
[
    {
        "key": "alt+cmd+l",
        "command": "editor.action.formatDocument",
        "when": "editorHasDocumentFormattingProvider && editorTextFocus && !editorReadonly"
    },
    {
        "key": "cmd+k",
        "command": "editor.action.commentLine",
        "when": "editorTextFocus"
    },
    {
        "key": "cmd+d",
        "command": "editor.action.deleteLines",
        "when": "editorTextFocus"
    },
    {
        "key": "ctrl+shift+backspace",
        "command": "workbench.action.tasks.terminate",
        "when": "editorTextFocus"
    },
    {
        "key": "alt+cmd+,",
        "command": "editor.foldAll",
        "when": "editorTextFocus"
    },
    {
        "key": "alt+cmd+.",
        "command": "editor.unfoldAll",
        "when": "editorTextFocus"
    }
]

locale.json

{
	// Defines VSCode's display language.
	// Changing the value requires to restart VSCode.
	"locale":"en-US"
}

pitti.terminal

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
	<key>ANSIBlueColor</key>
	<data>
	YnBsaXN0MDDUAQIDBAUGFRZYJHZlcnNpb25YJG9iamVjdHNZJGFyY2hpdmVyVCR0b3AS
	AAGGoKMHCA9VJG51bGzTCQoLDA0OVU5TUkdCXE5TQ29sb3JTcGFjZVYkY2xhc3NPEBow
	IDAuMjUwOTgwNDA3IDAuNTAxOTYwODE0ABABgALSEBESE1okY2xhc3NuYW1lWCRjbGFz
	c2VzV05TQ29sb3KiEhRYTlNPYmplY3RfEA9OU0tleWVkQXJjaGl2ZXLRFxhUcm9vdIAB
	CBEaIy0yNztBSE5bYn+Bg4iTnKSnsMLFygAAAAAAAAEBAAAAAAAAABkAAAAAAAAAAAAA
	AAAAAADM
	</data>
	<key>ANSIBrightBlueColor</key>
	<data>
	YnBsaXN0MDDUAQIDBAUGFRZYJHZlcnNpb25YJG9iamVjdHNZJGFyY2hpdmVyVCR0b3AS
	AAGGoKMHCA9VJG51bGzTCQoLDA0OVU5TUkdCXE5TQ29sb3JTcGFjZVYkY2xhc3NPEBAw
	IDAuNTAxOTYwODE0IDEAEAGAAtIQERITWiRjbGFzc25hbWVYJGNsYXNzZXNXTlNDb2xv
	cqISFFhOU09iamVjdF8QD05TS2V5ZWRBcmNoaXZlctEXGFRyb290gAEIERojLTI3O0FI
	TltidXd5fomSmp2muLvAAAAAAAAAAQEAAAAAAAAAGQAAAAAAAAAAAAAAAAAAAMI=
	</data>
	<key>BackgroundBlur</key>
	<real>0.0</real>
	<key>BackgroundColor</key>
	<data>
	YnBsaXN0MDDUAQIDBAUGFRZYJHZlcnNpb25YJG9iamVjdHNZJGFyY2hpdmVyVCR0b3AS
	AAGGoKMHCA9VJG51bGzTCQoLDA0OVU5TUkdCXE5TQ29sb3JTcGFjZVYkY2xhc3NPECow
	LjA5ODAzOTIxNzI5IDAuMDk4MDM5MjE3MjkgMC4wOTgwMzkyMTcyOQAQAYAC0hAREhNa
	JGNsYXNzbmFtZVgkY2xhc3Nlc1dOU0NvbG9yohIUWE5TT2JqZWN0XxAPTlNLZXllZEFy
	Y2hpdmVy0RcYVHJvb3SAAQgRGiMtMjc7QUhOW2KPkZOYo6y0t8DS1doAAAAAAAABAQAA
	AAAAAAAZAAAAAAAAAAAAAAAAAAAA3A==
	</data>
	<key>CursorBlink</key>
	<false/>
	<key>CursorColor</key>
	<data>
	YnBsaXN0MDDUAQIDBAUGFRZYJHZlcnNpb25YJG9iamVjdHNZJGFyY2hpdmVyVCR0b3AS
	AAGGoKMHCA9VJG51bGzTCQoLDA0OV05TV2hpdGVcTlNDb2xvclNwYWNlViRjbGFzc0sw
	LjMwMjQxOTM2ABADgALSEBESE1okY2xhc3NuYW1lWCRjbGFzc2VzV05TQ29sb3KiEhRY
	TlNPYmplY3RfEA9OU0tleWVkQXJjaGl2ZXLRFxhUcm9vdIABCBEaIy0yNztBSFBdZHBy
	dHmEjZWYobO2uwAAAAAAAAEBAAAAAAAAABkAAAAAAAAAAAAAAAAAAAC9
	</data>
	<key>Font</key>
	<data>
	YnBsaXN0MDDUAQIDBAUGGBlYJHZlcnNpb25YJG9iamVjdHNZJGFyY2hpdmVyVCR0b3AS
	AAGGoKQHCBESVSRudWxs1AkKCwwNDg8QVk5TU2l6ZVhOU2ZGbGFnc1ZOU05hbWVWJGNs
	YXNzI0AoAAAAAAAAEBCAAoADXU1lbmxvLVJlZ3VsYXLSExQVFlokY2xhc3NuYW1lWCRj
	bGFzc2VzVk5TRm9udKIVF1hOU09iamVjdF8QD05TS2V5ZWRBcmNoaXZlctEaG1Ryb290
	gAEIERojLTI3PEJLUltiaXJ0dniGi5afpqmyxMfMAAAAAAAAAQEAAAAAAAAAHAAAAAAA
	AAAAAAAAAAAAAM4=
	</data>
	<key>FontAntialias</key>
	<true/>
	<key>FontWidthSpacing</key>
	<real>0.99596774193548387</real>
	<key>Linewrap</key>
	<true/>
	<key>ProfileCurrentVersion</key>
	<real>2.04</real>
	<key>SelectionColor</key>
	<data>
	YnBsaXN0MDDUAQIDBAUGFRZYJHZlcnNpb25YJG9iamVjdHNZJGFyY2hpdmVyVCR0b3AS
	AAGGoKMHCA9VJG51bGzTCQoLDA0OVU5TUkdCXE5TQ29sb3JTcGFjZVYkY2xhc3NPEBow
	LjUwMTk2MDgxNCAwLjI1MDk4MDQwNyAwABABgALSEBESE1okY2xhc3NuYW1lWCRjbGFz
	c2VzV05TQ29sb3KiEhRYTlNPYmplY3RfEA9OU0tleWVkQXJjaGl2ZXLRFxhUcm9vdIAB
	CBEaIy0yNztBSE5bYn+Bg4iTnKSnsMLFygAAAAAAAAEBAAAAAAAAABkAAAAAAAAAAAAA
	AAAAAADM
	</data>
	<key>ShowActiveProcessInTitle</key>
	<true/>
	<key>ShowCommandKeyInTitle</key>
	<false/>
	<key>ShowRepresentedURLInTitle</key>
	<true/>
	<key>ShowShellCommandInTitle</key>
	<false/>
	<key>ShowTTYNameInTitle</key>
	<false/>
	<key>ShowWindowSettingsNameInTitle</key>
	<false/>
	<key>TerminalType</key>
	<string>xterm-256color</string>
	<key>TextBoldColor</key>
	<data>
	YnBsaXN0MDDUAQIDBAUGFRZYJHZlcnNpb25YJG9iamVjdHNZJGFyY2hpdmVyVCR0b3AS
	AAGGoKMHCA9VJG51bGzTCQoLDA0OVU5TUkdCXE5TQ29sb3JTcGFjZVYkY2xhc3NPECcw
	LjkwMTk2MDc5MDIgMC45MDE5NjA3OTAyIDAuOTAxOTYwNzkwMgAQAYAC0hAREhNaJGNs
	YXNzbmFtZVgkY2xhc3Nlc1dOU0NvbG9yohIUWE5TT2JqZWN0XxAPTlNLZXllZEFyY2hp
	dmVy0RcYVHJvb3SAAQgRGiMtMjc7QUhOW2KMjpCVoKmxtL3P0tcAAAAAAAABAQAAAAAA
	AAAZAAAAAAAAAAAAAAAAAAAA2Q==
	</data>
	<key>TextColor</key>
	<data>
	YnBsaXN0MDDUAQIDBAUGFRZYJHZlcnNpb25YJG9iamVjdHNZJGFyY2hpdmVyVCR0b3AS
	AAGGoKMHCA9VJG51bGzTCQoLDA0OVU5TUkdCXE5TQ29sb3JTcGFjZVYkY2xhc3NPECcw
	LjkwMTk2MDc5MDIgMC45MDE5NjA3OTAyIDAuOTAxOTYwNzkwMgAQAYAC0hAREhNaJGNs
	YXNzbmFtZVgkY2xhc3Nlc1dOU0NvbG9yohIUWE5TT2JqZWN0XxAPTlNLZXllZEFyY2hp
	dmVy0RcYVHJvb3SAAQgRGiMtMjc7QUhOW2KMjpCVoKmxtL3P0tcAAAAAAAABAQAAAAAA
	AAAZAAAAAAAAAAAAAAAAAAAA2Q==
	</data>
	<key>UseBrightBold</key>
	<false/>
	<key>name</key>
	<string>pitti</string>
	<key>shellExitAction</key>
	<integer>2</integer>
	<key>type</key>
	<string>Window Settings</string>
</dict>
</plist>

settings.json

// Place your settings in this file to overwrite the default settings
{
    // Controls the font family.
    "editor.fontFamily": "Monaco",
    // Controls if the editor should automatically format the line after typing
    "editor.formatOnType": true,
    // Controls after how many characters the editor will wrap to the next line. Setting this to 0 turns on viewport width wrapping
    "editor.wordWrap": "wordWrapColumn",
    "editor.wordWrapColumn": 500,
    // Controls the indentation of wrapped lines. Can be one of 'none', 'same' or 'indent'.
    "editor.wrappingIndent": "indent",
    // When enabled, will trim trailing whitespace when you save a file.
    "files.trimTrailingWhitespace": true,
    // Controls whether the editor should render indent guides
    "editor.renderIndentGuides": false,
    //-------- Files configuration --------
    // Controls auto save of dirty files. Accepted values:  "off", "afterDelay", "onFocusChange". If set to "afterDelay" you can configure the delay in "files.autoSaveDelay".
    "files.autoSave": "afterDelay",
    //-------- Workbench configuration --------
    //-------- File Explorer configuration --------
    // Number of editors shown in the Open Editors pane. Set it to 0 to hide the pane.
    "explorer.openEditors.visible": 0,
    // TypeScript
    // Specifies the folder path containing the tsserver and lib*.d.ts files to use.
    // "typescript.tsdk": "/usr/local/lib/node_modules/typescript/lib",
    "git.confirmSync": false,
    "window.zoomLevel": 0,
    // "htmlhint.enable": // Configures if the built-in HTML language support suggests Angular V1 tags and properties.
    "html.suggest.angular1": false,
    // Configures if the built-in HTML language support suggests Ionic tags, properties and values.
    "html.suggest.ionic": false,
    "git.path": null,
    "typescript.check.tscVersion": false,
    // Controls the position of the editor's tabs close buttons or disables them when set to 'off'.
    "workbench.editor.tabCloseButton": "left",
    "workbench.iconTheme": "vs-seti",
    // The htmlhint options object to provide args to the htmlhint command.
    "htmlhint.options": {
        "attr-lowercase": false,
        "attr-no-duplication": true,
        "attr-value-double-quotes": true,
        "attr-value-not-empty": false,
        "attr-unsafe-chars": true,
        "doctype-first": false,
        "doctype-html5": false,
        "head-script-disabled": true,
        "href-abs-or-rel": false,
        "id-class-ad-disabled": true,
        "id-class-value": false,
        "id-unique": true,
        "inline-script-disabled": true,
        "inline-style-disabled": false,
        "img-alt-require": true,
        "space-tab-mixed-disabled": true,
        "spec-char-escape": false,
        "src-not-empty": true,
        "style-disabled": false,
        "tag-pair": false,
        "tag-self-close": true,
        "tagname-lowercase": true,
        "title-require": true
    }
}

snippets-html

{
    /*
	 // Place your snippets for HTML here. Each snippet is defined under a snippet name and has a prefix, body and
	 // description. 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, ${id} and ${id:label} and ${1:label} for variables. Variables with the same id are connected.
	 // Example:
	 "Print to console": {
		"prefix": "log",
		"body": [
			"console.log('$1');",
			"$2"
		],
		"description": "Log output to console"
	}
*/
    "Print to html": {
        "prefix": "cc",
        "body": [
            "<pre>${data} = <br/>{{ ${data} | json }}</pre>",
            "$1"
        ],
        "description": "Log output to a pre tag and format as json"
    },
    "Angular translate": {
        "prefix": "tt",
        "body": [
            "{{'${value}' | translate}}"
        ]
    },
    "Angular 1 form input": {
        "prefix": "fi",
        "body": [
            "<div layout=\"row\">",
            "\t<label flex=\"20\" class=\"lx-label\" for=\"${value}\">{{ '${label}' | translate }}</label>",
            "\t<div flex=\"80\" class=\"lx-input-frame\">",
            "\t\t<input type=\"text\" ng-model=\"lxForm.model.${value}\" id=\"${value}\" name=\"${value}\" class=\"lx-input\" lx-reset-server-error maxlength=\"500\" ng-class=\"{'has-error': form.${value}.$invalid && form.${value}.$dirty}\" />",
            "\t\t<div class=\"error-messages\" ng-messages=\"(lxForm.model._id && form.${value}.$error) || (!lxForm.model._id && form.${value}.$dirty && form.${value}.$error)\">",
            "\t\t\t<div ng-message=\"server\"><span translate=\"{{form.${value}.$error.serverMsg}}\" translate-value-expected=\"{{form.${value}.$error.expected | translate}}\"></span></div>",
            "\t\t\t<div ng-messages-include=\"error-messages-template\"></div>",
            "\t\t</div>",
            "\t</div>",
            "</div>",
            "$1",
            "$2"
        ]
    },
    "Angular form validation": {
        "prefix": "ff",
        "body": [
            "<div class=\"error-messages\" ng-messages=\"(lxForm.model._id && form.${name}.$error) || (!lxForm.model._id && form.${name}.$dirty && form.${name}.$error)\"><div ng-message=\"server\"><span translate=\"{{form.${name}.$error.serverMsg}}\" translate-value-expected=\"{{form.${name}.$error.expected | translate}}\"></span></div><div ng-messages-include=\"error-messages-template\"></div></div>"
        ]
    },
    "Angular form validation1": {
        "prefix": "fff",
        "body": [
            "<div class=\"error-messages\" ng-messages=\"(lxForm.model._id && form['${name}'].$error) || (!lxForm.model._id && form['${name}'].$dirty && form['${name}'].$error)\"><div ng-message=\"server\"><span translate=\"{{form['${name}'].$error.serverMsg}}\" translate-value-expected=\"{{form['${name}'].$error.expected | translate}}\"></span></div><div ng-messages-include=\"error-messages-template\"></div></div>"
        ]
    },
    "Flex 2 Column layout": {
        "prefix": "fl",
        "body": [
            "<div layout=\"row\">",
            "\t<div layout=\"row\" flex>",
            "$0",
            "\t</div>",
            "</div>",
            "$0",
            "<div layout=\"row\">",
            "\t<div layout=\"row\" flex flex-offset=\"10\">",
            "$0",
            "\t</div>",
            "</div>",
            "$1"
        ],
        "description": "Log output to a pre tag and format as json"
    }
}

snippets-javascript

{
/*
	 // Place your snippets for JavaScript here. Each snippet is defined under a snippet name and has a prefix, body and
	 // description. 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, ${id} and ${id:label} and ${1:label} for variables. Variables with the same id are connected.
	 // Example:
	 "Print to console": {
		"prefix": "log",
		"body": [
			"console.log('$1');",
			"$2"
		],
		"description": "Log output to console"
	}
*/
    "Print to console": {
        "prefix": "xx",
        "body": [
            "console.log('${data}', ${data});",
            "$1"
        ],
        "description": "Log output to console"
    },
    "Print to browser console": {
        "prefix": "cc",
        "body": [
			"console.log('%cINFO%c ${data}', 'color:white; background-color: #8E388E; padding: 0 .5em;', '', ${data});",
            "$1"
        ],
        "description": "Log output to browser console"
    },
    "Jasmine it block": {
		"prefix": "ii",
		"body": [
			"it ('${description}', () => {",
			"\t$1",
            "});"
		],
		"description": "Jasmine it block function"
	},
	"describe": {
		"prefix": "dd",
		"body": "\ndescribe('${1:Name of the group}', () => {\n\t$2\n});\n\t",
		"description": "creates a suite of tests"
	},
    "Jasmine async it block": {
		"prefix": "iia",
		"body": [
			"it ('${description}', (done) => {",
			"$1",
            "\tdone();",
            "});"
		],
		"description": "Jasmine async it block function"
	}
}

snippets-typescript

{
    /*
	 // Place your snippets for TypeScript here. Each snippet is defined under a snippet name and has a prefix, body and
	 // description. 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, ${id} and ${id:label} and ${1:label} for variables. Variables with the same id are connected.
	 // Example:
	 "Print to console": {
		"prefix": "log",
		"body": [
			"console.log('$1');",
			"$2"
		],
		"description": "Log output to console"
	}
*/
    "Print to console": {
        "prefix": "xx",
        "body": [
            "console.log('${data}', ${data});",
            "$1"
        ],
        "description": "Log output to console"
    },
    "Print to browser console info": {
        "prefix": "cc",
        "body": [
			"console.info('%cINFO%c ${data}', 'color:white; background-color: #8E388E; padding: 0 .5em;', '', ${data});",
            "$1"
        ],
        "description": "Log output to browser console.info()"
    },
	"Print to browser console info without data": {
        "prefix": "ccc",
        "body": [
			"console.info('%cINFO%c ${data}', 'color:white; background-color: #8E388E; padding: 0 .5em;', '');",
            "$1"
        ],
        "description": "Log output to browser console.info()"
    },
    "Jasmine it block": {
		"prefix": "ii",
		"body": [
			"it ('${description}', () => {",
			"\t$1",
            "});"
		],
		"description": "Jasmine it block function"
	},
	"describe": {
		"prefix": "dd",
		"body": "describe('${1:Name of the group}', () => {\n\t$2\n});",
		"description": "creates a suite of tests"
	}
}