Skip to content

Instantly share code, notes, and snippets.

View JeffryGonzalez's full-sized avatar

Jeffry Gonzalez JeffryGonzalez

View GitHub Profile
@JeffryGonzalez
JeffryGonzalez / settings.json
Last active June 28, 2021 16:02
VS Code Settings for Front End Web 200+
{
"editor.linkedEditing": true,
"workbench.editor.wrapTabs": true,
"workbench.editor.decorations.colors": true,
"workbench.editor.decorations.badges": true,
"workbench.tree.indent": 25,
"breadcrumbs.enabled": true,
"html.format.wrapAttributes": "force-aligned",
"explorer.openEditors.visible": 0,
"editor.formatOnSave": true,
@JeffryGonzalez
JeffryGonzalez / shortcuts.json
Created January 16, 2019 14:37
vscode keyboard shortcuts
// Place your key bindings in this file to override the defaultsauto[]
[
{
"key": "ctrl+k ctrl+d",
"command": "editor.action.formatDocument",
"when": "editorTextFocus && !editorReadonly"
},
{
"key": "shift+alt+f",
"command": "-editor.action.formatDocument",
@JeffryGonzalez
JeffryGonzalez / settings.json
Created December 10, 2018 16:16
Visual Studio Code Settings for Angular / JavaScript Development
{
"explorer.openEditors.visible": 0,
"editor.fontSize": 18,
"editor.fontFamily": "Fira Code",
"editor.fontLigatures": true,
"tslint.autoFixOnSave": true,
"files.autoSave": "onFocusChange",
"typescript.check.npmIsInstalled": true,
"editor.snippetSuggestions": "top",
"workbench.editor.labelFormat": "long",

Keybase proof

I hereby claim:

  • I am jeffrygonzalez on github.
  • I am jeffrygonzalez (https://keybase.io/jeffrygonzalez) on keybase.
  • I have a public key whose fingerprint is BD08 3C47 725A 0F1B C482 CF30 D057 21BD BCF6 9A1D

To claim this, I am signing this object:

/*
// Place your snippets for typescript.json 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"
{
"Angular Controller": {
"prefix": "ngcontroller",
"body": [
"angular",
"\t.module('${Module}')",
"\t.controller('${Controller}Controller', ${Controller}Controller);",
"",
"${Controller}Controller.$inject = ['${dependency1}'];",
"function ${Controller}Controller(${dependency1}) {",
[
{
"key": "ctrl+k ctrl+d",
"command": "editor.action.format",
"when": "editorTextFocus"
},
{
"key": "ctrl+l",
"command": "editor.action.deleteLines",
"when": "editorTextFocus"
{
"Angular Component": {
"prefix": "ng2-component",
"description": "Angular 2 component snippet",
"body": [
"import { Component, OnInit } from '@angular/core';",
"",
"@Component({",
"\tmoduleId: module.id,",
"\tselector: '${selector}',",

Basic UI and Navigation Commands

Building

Ctrl+Shift+B - start the build task

Command Palette

F1 or Ctrl+Shift+P

@JeffryGonzalez
JeffryGonzalez / mockup1.html
Created July 17, 2016 16:13
mockup for reading app
<div class="container">
<header>
<h1>Summer Reading Tracker</h1>
</header>
<div class='row'>
<div class="col-sm-6">
<header>
<h3>Kid</h3>
</header>
<form>