Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Productive React & TypeScript Settings
{
"recommendations": [
"eg2.tslint",
"rbbit.typescript-hero",
"pmneo.tsimporter",
"esbenp.prettier-vscode",
"christian-kohler.path-intellisense",
"CoenraadS.bracket-pair-colorizer",
"eamodio.gitlens",
"ryu1kn.partial-diff",
]
}
{
"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"]
}
]
}
{
"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"
}
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.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment