Productive React & TypeScript Settings

dotVscodeDir-extensions.json

{ 
    "recommendations": [
        "eg2.tslint",
        "rbbit.typescript-hero",
        "pmneo.tsimporter",
        "esbenp.prettier-vscode",
        "christian-kohler.path-intellisense",
        "CoenraadS.bracket-pair-colorizer",
        "eamodio.gitlens",
        "ryu1kn.partial-diff",
    ]
}

dotVscodeDir-launch.json

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "attach",
            "name": "Attach TS to Chrome",
            "port": 9222,
            "webRoot": "${workspaceFolder}"
        },
        {
            "type": "PowerShell",
            "request": "launch",
            "name": "Debug PowerShell Interactive Session",
            "cwd": "${workspaceRoot}"
        },
        {
            "type": "node",
            "request": "launch",
            "name": "Debug Gulp Build",
            "program": "${workspaceRoot}/node_modules/gulp/bin/gulp.js",
            "args": ["build"]
        }
    ]
}

dotVscodeDir-settings.json

{
    "npm.enableScriptExplorer": true,
    "[typescript]": {
        "editor.codeActionsOnSave": {
            "source.organizeImports": true
        },
        "editor.formatOnType": true,
        "editor.formatOnSave": true,
        "editor.trimAutoWhitespace": true,
        "editor.autoIndent": true
    },
    "[typescriptreact]": {
        "editor.codeActionsOnSave": {
            "source.organizeImports": true
        },
        "editor.formatOnType": true,
        "editor.formatOnSave": true,
        "editor.trimAutoWhitespace": true,
        "editor.autoIndent": true
    },
    "prettier.singleQuote": false,
    "prettier.printWidth": 140,
    "prettier.arrowParens": "avoid"
}

notes

1. Make sure to launch chrome with --remote-debug-port=9222
2. Make sure to install workspace recommended extensions
3. Make sure to commit these to your repo, so that other devs get the same enforcement
4. Make sure to update your readme to suggest the recommended extensions be installed.