Visual Studio Code Settings Sync Gist

cloudSettings

{"lastUpload":"2019-01-23T14:08:52.032Z","extensionVersion":"v3.2.4"}

extensions.json

[
  {
    "metadata": {
      "id": "fa57ae0e-d21e-40d8-a0bb-a58b5fd9ead3",
      "publisherId": "ms-vscode.atom-keybindings",
      "publisherDisplayName": "ms-vscode"
    },
    "name": "atom-keybindings",
    "publisher": "ms-vscode",
    "version": "3.0.5"
  },
  {
    "metadata": {
      "id": "d3836729-9cc1-42c1-b2af-d50071f57d29",
      "publisherId": "formulahendry.auto-close-tag",
      "publisherDisplayName": "formulahendry"
    },
    "name": "auto-close-tag",
    "publisher": "formulahendry",
    "version": "0.5.6"
  },
  {
    "metadata": {
      "id": "6e440e71-8ed9-4f25-bb78-4b13096b8a03",
      "publisherId": "formulahendry.auto-rename-tag",
      "publisherDisplayName": "formulahendry"
    },
    "name": "auto-rename-tag",
    "publisher": "formulahendry",
    "version": "0.0.15"
  },
  {
    "metadata": {
      "id": "f583eafd-aa0d-4ccb-8f44-d1e610389660",
      "publisherId": "CoenraadS.bracket-pair-colorizer",
      "publisherDisplayName": "CoenraadS"
    },
    "name": "bracket-pair-colorizer",
    "publisher": "CoenraadS",
    "version": "1.0.61"
  },
  {
    "metadata": {
      "id": "e337c67b-55c2-4fef-8949-eb260e7fb7fd",
      "publisherId": "Shan.code-settings-sync",
      "publisherDisplayName": "Shan"
    },
    "name": "code-settings-sync",
    "publisher": "Shan",
    "version": "3.2.4"
  },
  {
    "metadata": {
      "id": "d2ef4ecf-344b-4514-abc4-6d4eb2b6a33c",
      "publisherId": "max-SS.Cyberpunk",
      "publisherDisplayName": "max-SS"
    },
    "name": "Cyberpunk",
    "publisher": "max-SS",
    "version": "1.2.1"
  },
  {
    "metadata": {
      "id": "532533c9-a894-4a58-9eee-bbfbe7c06f71",
      "publisherId": "mikestead.dotenv",
      "publisherDisplayName": "mikestead"
    },
    "name": "dotenv",
    "publisher": "mikestead",
    "version": "1.0.1"
  },
  {
    "metadata": {
      "id": "5da0c8de-e8a6-4287-9ef1-632f0d6db9ad",
      "publisherId": "CraigMaslowski.erb",
      "publisherDisplayName": "CraigMaslowski"
    },
    "name": "erb",
    "publisher": "CraigMaslowski",
    "version": "0.0.1"
  },
  {
    "metadata": {
      "id": "79c62c57-0dbb-4634-8a21-99a29423bbc4",
      "publisherId": "dericcain.feather",
      "publisherDisplayName": "dericcain"
    },
    "name": "feather",
    "publisher": "dericcain",
    "version": "0.5.0"
  },
  {
    "metadata": {
      "id": "4de763bd-505d-4978-9575-2b7696ecf94e",
      "publisherId": "eamodio.gitlens",
      "publisherDisplayName": "eamodio"
    },
    "name": "gitlens",
    "publisher": "eamodio",
    "version": "9.4.1"
  },
  {
    "metadata": {
      "id": "fcbdb08e-4048-40e8-a674-fecc476f4b93",
      "publisherId": "SirTori.indenticator",
      "publisherDisplayName": "SirTori"
    },
    "name": "indenticator",
    "publisher": "SirTori",
    "version": "0.6.0"
  },
  {
    "metadata": {
      "id": "f38c2740-fddd-4c9e-8394-b955d3267c70",
      "publisherId": "JohnyGeorges.jetjet-theme",
      "publisherDisplayName": "JohnyGeorges"
    },
    "name": "jetjet-theme",
    "publisher": "JohnyGeorges",
    "version": "1.0.0"
  },
  {
    "metadata": {
      "id": "5db78037-f674-459f-a236-db622c427c5b",
      "publisherId": "PKief.material-icon-theme",
      "publisherDisplayName": "PKief"
    },
    "name": "material-icon-theme",
    "publisher": "PKief",
    "version": "3.6.2"
  },
  {
    "metadata": {
      "id": "4f63037e-3a44-436f-a483-4c65a77f15f6",
      "publisherId": "FallenMax.mithril-emmet",
      "publisherDisplayName": "FallenMax"
    },
    "name": "mithril-emmet",
    "publisher": "FallenMax",
    "version": "0.7.1"
  },
  {
    "metadata": {
      "id": "86c27965-680c-4a61-9cf9-9e67521b1afc",
      "publisherId": "samrapdev.outrun",
      "publisherDisplayName": "samrapdev"
    },
    "name": "outrun",
    "publisher": "samrapdev",
    "version": "0.2.2"
  },
  {
    "metadata": {
      "id": "a41c1549-4053-44d4-bf30-60fc809b4a86",
      "publisherId": "christian-kohler.path-intellisense",
      "publisherDisplayName": "christian-kohler"
    },
    "name": "path-intellisense",
    "publisher": "christian-kohler",
    "version": "1.4.2"
  },
  {
    "metadata": {
      "id": "5e69f001-f945-4c97-baf0-320d82a153b3",
      "publisherId": "felixfbecker.php-intellisense",
      "publisherDisplayName": "felixfbecker"
    },
    "name": "php-intellisense",
    "publisher": "felixfbecker",
    "version": "2.3.10"
  },
  {
    "metadata": {
      "id": "ae062c8a-c68e-4b92-9ecf-8f1d4288b05d",
      "publisherId": "rebornix.ruby",
      "publisherDisplayName": "rebornix"
    },
    "name": "ruby",
    "publisher": "rebornix",
    "version": "0.21.0"
  },
  {
    "metadata": {
      "id": "300cbc5a-09c6-42d6-b8d8-fd9a0eccc08f",
      "publisherId": "sidp.strict-whitespace",
      "publisherDisplayName": "sidp"
    },
    "name": "strict-whitespace",
    "publisher": "sidp",
    "version": "0.0.2"
  },
  {
    "metadata": {
      "id": "5f1399a6-483c-4c12-ac8c-0fafad2ea3cc",
      "publisherId": "Alan.stylus",
      "publisherDisplayName": "Alan"
    },
    "name": "stylus",
    "publisher": "Alan",
    "version": "0.0.4"
  },
  {
    "metadata": {
      "id": "2f5dd8cb-d251-4d70-abfe-ddebcb077483",
      "publisherId": "octref.vetur",
      "publisherDisplayName": "octref"
    },
    "name": "vetur",
    "publisher": "octref",
    "version": "0.14.5"
  },
  {
    "metadata": {
      "id": "085342db-9568-49b0-ad93-3223ac4c1baa",
      "publisherId": "mrmlnc.vscode-apache",
      "publisherDisplayName": "mrmlnc"
    },
    "name": "vscode-apache",
    "publisher": "mrmlnc",
    "version": "1.2.0"
  },
  {
    "metadata": {
      "id": "0479fc1c-3d67-49f9-b087-fb9069afe48f",
      "publisherId": "PeterJausovec.vscode-docker",
      "publisherDisplayName": "PeterJausovec"
    },
    "name": "vscode-docker",
    "publisher": "PeterJausovec",
    "version": "0.5.1"
  },
  {
    "metadata": {
      "id": "583b2b34-2c1e-4634-8c0b-0b82e283ea3a",
      "publisherId": "dbaeumer.vscode-eslint",
      "publisherDisplayName": "dbaeumer"
    },
    "name": "vscode-eslint",
    "publisher": "dbaeumer",
    "version": "1.8.0"
  },
  {
    "metadata": {
      "id": "c46b0018-f317-4b6c-a785-d2039b27338f",
      "publisherId": "wix.vscode-import-cost",
      "publisherDisplayName": "wix"
    },
    "name": "vscode-import-cost",
    "publisher": "wix",
    "version": "2.12.0"
  },
  {
    "metadata": {
      "id": "ffda6552-0ad5-431b-a4fa-0905a7e4f3f0",
      "publisherId": "bmewburn.vscode-intelephense-client",
      "publisherDisplayName": "bmewburn"
    },
    "name": "vscode-intelephense-client",
    "publisher": "bmewburn",
    "version": "0.8.8"
  },
  {
    "metadata": {
      "id": "f2fd462f-f1bd-4c62-b54f-59a4e5ffc6a3",
      "publisherId": "WakaTime.vscode-wakatime",
      "publisherDisplayName": "WakaTime"
    },
    "name": "vscode-wakatime",
    "publisher": "WakaTime",
    "version": "1.2.5"
  },
  {
    "metadata": {
      "id": "c8d95916-cf54-455f-b324-cbd887b7d3a8",
      "publisherId": "sdras.vue-vscode-snippets",
      "publisherDisplayName": "sdras"
    },
    "name": "vue-vscode-snippets",
    "publisher": "sdras",
    "version": "1.3.0"
  }
]

keybindings.json

// Empty

keybindingsMac.json

// Place your key bindings in this file to overwrite the defaults
[
  { 
    "key": "cmd+k cmd+b",
    "command": "workbench.action.toggleSidebarVisibility"
  },
  { 
    "key": "cmd+k cmd+a",
    "command": "workbench.action.toggleActivityBarVisibility"
  },
  {
    "key": "shift+cmd+t",
    "command": "workbench.action.terminal.toggleTerminal"
  },
  {
    "key": "ctrl+alt+t",
    "command": "-workbench.action.terminal.toggleTerminal"
  }
]

locale.json

{
	// Définit le langage affiché par VSCode.
	// Consultez https://go.microsoft.com/fwlink/?LinkId=761051 pour connaître la liste des langues prises en charge.
	// Le changement de la valeur nécessite le redémarrage de VS Code.
	"locale":"en"
}

material-icon-theme.json

{
  "name": "material-icon-theme",
  "version": "2.1.0"
}

settings.json

{

    "workbench.colorTheme": "Cyberpunk",
    "workbench.activityBar.visible": false,
    "workbench.statusBar.visible": true,
    "workbench.iconTheme": "material-icon-theme",
    "window.zoomLevel": 0,
    "terminal.integrated.fontFamily": "'SourceCodePro+Powerline+Awesome Regular'",
    "terminal.integrated.fontSize": 12,
    "emmet.includeLanguages": {
        "twig": "html",
        "erb": "html"
    },
    "emmet.syntaxProfiles": {
        "javascript": "jsx",
        "vue-html": "html",
        "vue": "html",
        "twig": "html",
        "html.erb": "html"
    },
    "files.exclude": {
      "**/.DS_Store": true,
      "**/.git": true,
      "**/.hg": true,
      "**/.svn": true,
      "**/CVS": true,
      "bower_components/**": true,
      "node_modules/**": false,
      "tmp/**": true
    },
    "files.watcherExclude": {
      "**/node_modules/**": true,
      "**/tmp/**": true,
      "**/bower_components/**": true,
      "**/dist/**": true,
      "**/sassdoc": true
    },
    "editor.tabSize": 2,
    "editor.insertSpaces": true,
    "editor.detectIndentation": false,
    "atomKeymap.promptV3Features": true,
    "terminal.external.osxExec": "iTerm.app",
    "importCost.typescriptExtensions": [
        "\\.tsx?$",
        "\\.vue$"
    ],
    "eslint.enable": true,
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        {
            "language": "vue",
            "autoFix": true
        },
    ],
    "editor.fontLigatures": true,
    // "flow.useNPMPackagedFlow": true,
    "javascript.validate.enable": true,
    "editor.formatOnSave": false,
    "[javascript]": {
        "editor.formatOnSave": false
    },
    "breadcrumbs.enabled": true,
    "eslint.run": "onType",
    "javascript.updateImportsOnFileMove.enabled": "always",
    "terminal.integrated.shell.osx": "/usr/local/bin/zsh",
    "php.suggest.basic": false
  }

snippets|css.json

{
	// Place your snippets for css 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, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the 
	// same ids are connected.
	// Example:
	// "Print to console": {
	// 	"prefix": "log",
	// 	"body": [
	// 		"console.log('$1');",
	// 		"$2"
	// 	],
	// 	"description": "Log output to console"
	// }
	"Commentaire": {
		"prefix": "comm",
		"body": [
			"/*******************************",
			"* COMMENT",
			"********************************/"
		],
		"description": "Commentaire snippet"
  },
  "Title of comment": {
    "prefix": "title",
		"body": [
			"/**",
			"* Title",
			"*/"
		],
		"description": "Title of comment snippet"
  }
}

snippets|javascript.json

{
/*
	// 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, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the 
	// same ids are connected.
	// Example:
	"Print to console": {
		"prefix": "log",
		"body": [
			"console.log('$1');",
			"$2"
		],
		"description": "Log output to console"
	}
*/
"Commentaire": {
		"prefix": "comm",
		"body": [
			"/*******************************",
			"* COMMENT",
			"********************************/"
		],
		"description": "Commentaire snippet"
  },
  "Title of comment": {
    "prefix": "title",
		"body": [
			"/**",
			"* Title",
			"*/"
		],
		"description": "Title of comment snippet"
  }
}

snippets|scss.json

{
/*
	// Place your snippets for SCSS 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, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the 
	// same ids are connected.
	// Example:
	"Print to console": {
		"prefix": "log",
		"body": [
			"console.log('$1');",
			"$2"
		],
		"description": "Log output to console"
	}
*/
"Commentaire": {
		"prefix": "comm",
		"body": [
			"/*******************************",
			"* COMMENT",
			"********************************/"
		],
		"description": "Commentaire snippet"
	}
}

snippets|vue.json

{
/*
	// Place your snippets for Vue 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, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the 
	// same ids are connected.
	// Example:
	"Print to console": {
		"prefix": "log",
		"body": [
			"console.log('$1');",
			"$2"
		],
		"description": "Log output to console"
	}
*/
	"Basic Vue component": {
		"prefix": "vue",
		"body": [
			"<template>",
			"</template>",
			"$2",
			"<script>",
			"export default {",
			"  name: '',",
			"  data () {",
			"    return {}",
			"  }",
			"}",
			"</script>",
			"$2",
			"<!-- Add \"scoped\" attribute to limit CSS to this component only -->",
			"<style scoped lang=\"scss\"></style>"
		],
		"description": "basic vue component"
	},
	"Vue Single File Component": {
		"prefix": "vbase",
		"body": [
			"<template>",
			"\t<div>",
			"",
			"\t</div>",
			"</template>",
			"",
			"<script>",
			"\texport default {",
			"\t\t${0}",
			"\t}",
			"</script>",
			"",
			"<style scoped>",
			"",
			"</style>"
		],
		"description": "Base for Vue File"
	},
	"Vue Data": {
		"prefix": "vdata",
		"body": [
			"data() {",
			"\treturn {",
			"\t\t${1:key}: ${2:value}",
			"\t}",
			"},"
		],
		"description": "Vue Component Data"
	},
	"Vuex Store": {
		"prefix": "vstore",
		"body": [
			"import Vue from 'vue';",
			"import Vuex from 'vuex';",
			"",
			"Vue.use(Vuex);",
			"",
			"export const store = new Vuex.Store({",
			"\tstate: {",
			"\t\t${1:key}: ${2:value}",
			"\t}",
			"});"
		],
		"description": "Base for Vuex store"
	},
	"Vue Props with Default": {
		"prefix": "vprops",
		"body": [
			"props: {",
			"\t${1:propName}: {",
			"\t\ttype: ${2:number},",
			"\t\tdefault: ${0}",
			"\t},",
			"},"
		],
		"description": "Vue Props with Default"
	},
	"Vue Import File": {
		"prefix": "vimport",
		"body": [
			"import ${1:New} from './components/${1:New}.vue';"
		],
		"description": "Import one component into another"
	},
	"Vue Import into the Component": {
		"prefix": "vimport-c",
		"body": [
			"components: {",
			"\t${1:New},",
			"}"
		],
		"description": "Import one component into another, within export statement"
	},
	"Vue Import Export": {
		"prefix": "vimport-export",
		"body": [
			"import ${1:Name} from '~components/${1:Name}.vue'",
			"",
			"export default {",
			"\tcomponents: {",
			"\t\t${1:Name}",
			"\t},",
			"}"
		],
		"description": "import a component and include it in export default"
	},
	"Vue v-for": {
		"prefix": "vfor",
		"body": [
			"<${1:div} v-for=\"${2:item} in ${2:item}s\" :key=\"${2:item}.id\">",
			"\t{{ ${2:item} }}",
			"</${1:div}>"
		],
		"description": "vfor statement"
	},
	"Vue Transition Methods with JavaScript Hooks": {
		"prefix": "vanimhook-js",
		"body": [
			"methods: {",
			"\tbeforeEnter(el) {",
			"\t\tconsole.log('beforeEnter');",
			"\t},",
			"\tenter(el, done) {",
			"\t\tconsole.log('enter');",
			"\t\tdone();",
			"\t},",
			"\tbeforeLeave(el) {",
			"\t\tconsole.log('beforeLeave');",
			"\t},",
			"\tleave(el, done) {",
			"\t\tconsole.log('leave');",
			"\t\tdone();",
			"\t},",
			"},"
		],
		"description": "transition component js hooks"
	},
	"Vuex Getters": {
		"prefix": "vgetter",
		"body": [
			"getters: {",
			"\tvalue: ${1:value} => {",
			"\t\treturn state.${1:value};",
			"\t}",
			"}"
		],
		"description": "vuex getter"
	},
	"Vuex Mutation": {
		"prefix": "vmutation",
		"body": [
			"mutations: {",
			"\t${1:updateValue}: (state, ${3:payload}) {",
			"\t\tstate.${2:value} = ${3:payload};",
			"\t}",
			"}"
		],
		"description": "vuex mutation"
	},
	"Vuex Action": {
		"prefix": "vaction",
		"body": [
			"actions: {",
			"\t${1:updateValue}({commit}, ${2:payload}) {",
			"\t\tcommit(${1:updateValue}, ${2:payload});",
			"\t}",
			"}"
		],
		"description": "vuex action"
	},
	"Vue Filter": {
		"prefix": "vfilter",
		"body": [
			"filters: {",
			"\t${1:fnName}: function(${2:value}) {",
			"\t\treturn ${2:value}${0};",
			"\t}",
			"}"
		],
		"description": "vue filter"
	},
	"Vue Mixin": {
		"prefix": "vmixin",
		"body": [
			"const ${1:mixinName} = {",
			"\tmounted() {",
			"\t\tconsole.log('hello from mixin!')",
			"\t},",
			"}"
		],
		"description": "vue mixin"
	},
	"Vue Use Mixin": {
		"prefix": "vmixin-use",
		"body": [
			"mixins: [${1:mixinName}]"
		],
		"description": "vue use mixin"
	},
	"Vue Custom Directive": {
		"prefix": "vc-direct",
		"body": [
			"Vue.directive('${1:directiveName}', {",
			"\tbind(el, binding, vnode) {",
			"\t\tel.style.${2:arg} = binding.value.${2:arg};",
			"\t}",
			"});"
		],
		"description": "vue custom directive"
	},
	"Vue Methods": {
		"prefix": "vmethod",
		"body": [
			"methods: {",
			"\t${1:name}() {",
			"\t\t${0}",
			"\t}",
			"},"
		],
		"description": "vue method"
	},
	"Vue Computed": {
		"prefix": "vcomputed",
		"body": [
			"computed: {",
			"\t${1:name}() {",
			"\t\treturn this.${2:data} ${0}",
			"\t}",
			"},"
		],
		"description": "computed value"
	},
	"Vue Watchers": {
		"prefix": "vwatcher",
		"body": [
			"watch: {",
			"\t${1:data}(${2:newValue}, ${3:oldValue}) {",
			"\t\t${0}",
			"\t}",
			"},"
		],
		"description": "vue watcher"
	},
	"Vue Import Vuex Store": {
		"prefix": "vstore-import",
		"body": [
			"import { store } from './store/store';"
		],
		"description": "import vuex store into main.js"
	},
	"Vue Import Library": {
		"prefix": "vimport-lib",
		"body": [
			"import { ${1:libName} } from '${1:libName}'"
		],
		"description": "import a library"
	},
	"Vue Import GSAP": {
		"prefix": "vimport-gsap",
		"body": [
			"import { TimelineMax, ${1:Ease} } from 'gsap'"
		],
		"description": "component methods options that dispatch an action from vuex store."
	},
	"Vue v-model Directive": {
		"prefix": "vmodel",
		"body": [
			"<input v-model=\"${1:data}\" type=\"text\" />"
		],
		"description": "v-model directive"
	},
	"Vue v-model Number Directive": {
		"prefix": "vmodel-num",
		"body": [
			"<input v-model.number=\"${1:numData}\" type=\"number\" step=\"1\" />"
		],
		"description": "v-model directive number input"
	},
	"Vue v-on Shortcut Directive": {
		"prefix": "von",
		"body": [
			"@click=\"${1:handler}(${2:arg}, $event)\""
		],
		"description": "v-on click handler with arguments"
	},
	"Vue Component with Props Binding": {
		"prefix": "vel-props",
		"body": [
			"<${1:component} :${1:propName}=\"${0}\"></${1:component}>"
		],
		"description": "component element with props"
	},
	"Vue Image Source Binding": {
		"prefix": "vsrc",
		"body": [
			"<img :src=\"'/path/to/images/' + ${1:fileName}\" alt=\"${2:altText}\"/>"
		],
		"description": "image source binding"
	},
	"Vue Style Binding": {
		"prefix": "vstyle",
		"body": [
			"<${1:div} :style=\"{ fontSize: ${2:data} + 'px' }\"></${1:div}>"
		],
		"description": "vue inline style binding"
	},
	"Vue Style Binding Object": {
		"prefix": "vstyle-obj",
		"body": [
			"<${1:div} :style=\"[${2:styleObjectA}, ${3:styleObjectB]}\"></${1:div}>"
		],
		"description": "vue inline style binding, objects"
	},
	"Vue Class Binding": {
		"prefix": "vclass",
		"body": [
			"<${1:div} :class=\"{ ${2:className}: ${3:data} }\"></${1:div}>"
		],
		"description": "vue class binding"
	},
	"Vue Class Binding Object": {
		"prefix": "vclass-obj",
		"body": [
			"<${1:div} :class=\"[${2:classNameA}, ${3:classNameB}]\"></${1:div}>"
		],
		"description": "vue class binding"
	},
	"Vue Multiple Conditional Class Bindings": {
		"prefix": "vclass-obj-mult",
		"body": [
			"<${1:div} :class=\"[${2:classNameA}, {${3:classNameB} : ${4:condition}}]\"></${1:div}>"
		],
		"description": "vue multiple conditional class bindings"
	},
	"Vue Transition Component with JavaScript Hooks": {
		"prefix": "vanim",
		"body": [
			"<transition",
			"\tmode=\"out-in\"",
			"\t@before-enter=\"beforeEnter\"",
			"\t@enter=\"enter\"",
			"",
			"\t@before-leave=\"beforeLeave\"",
			"\t@leave=\"leave\"",
			"\t:css=\"false\">",
			"",
			"</transition>"
		],
		"description": "transition component js hooks"
	},
	"Incrementer": {
		"prefix": "vinc",
		"body": [
			"return ${1:this.num} += ${2:1}"
		],
		"description": "increment"
	},
	"Decrementer": {
		"prefix": "vdec",
		"body": [
			"return ${1:this.num} -= ${2:1}"
		],
		"description": "decrement"
	}
}