This is an extension pack used and maintained for developers at https://www.neofinancial.com/
Some useful preferences to add to settings.json to make everyone's lives easier:
- VSCode will often auto-import files as import something from 'src/whatever' which will work locally. In prodution, however, the code runs in a docker container and src does not exist so it will crash. This setting will tell VSCode to use relative paths for its imports: import something from '../../whatever'
"javascript.preferences.importModuleSpecifier": "relative",
"typescript.preferences.importModuleSpecifier": "relative"
- This block will tell ESLint to lint .js, .jsx, ,ts, and .tsx files in the editor.
"eslint.validate": [
"javascript",
"javascriptreact",
"typescript",
"typescriptreact"
]
- It is handy to auto-format on file save
"editor.formatOnSave": true
- Coloured bracket pairs are now built into VSCode
"editor.bracketPairColorization.enabled": true
- Apollo Graphql
- Clipboard History
- Code spell checker
- Color picker
- Docker
- DotENV
- drawio
- Editorconfig
- ESLint
- Git Blame
- Git History
- Github Markdown Preview
- Github Pull Requests
- gitignore
- GraphQL for VSCode
- Image preview
- Indent Rainbow
- Jest Runner
- Prettier
- Quit Control for VSCode
- Sort Lines
- SVG Viewer
- Terraform
- Todo Tree
- Trailing spaces
Instructions for publishing an extension can be found on code.visualstudio.com
To publish a new version of this extension pack you must be a publisher and have a valid token (ensure that the created token is for "All accessible organizations"):
- run
vsce login <publisher_name>
- run
vsce publish -p <token>