My VSCode Extensions for ReactJS
GIT π
- GIT BLAME
Name: Git Blame Id: waderyan.gitblame Description: See git blame information in the status bar. Version: 5.0.1 Publisher: Wade Anderson VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=waderyan.gitblame
- GIT LENS
Name: GitLens β Git supercharged Id: eamodio.gitlens Description: Supercharge the Git capabilities built into Visual Studio Code β Visualize code authorship at a glance via Git blame annotations and code lens, seamlessly navigate and explore Git repositories, gain valuable insights via powerful comparison commands, and so much more Version: 10.2.2 Publisher: Eric Amodio VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
Make my code prettier π
Name: Rainbow Brackets Id: 2gua.rainbow-brackets Description: A rainbow brackets extension for VS Code. Version: 0.0.6 Publisher: 2gua VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=2gua.rainbow-brackets
Name: Trailing Spaces Id: shardulm94.trailing-spaces Description: Highlight trailing spaces and delete them in a flash! Version: 0.3.1 Publisher: Shardul Mahadik VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=shardulm94.trailing-spaces
Name: Prettier - Code formatter Id: esbenp.prettier-vscode Description: Code formatter using prettier Version: 5.7.1 Publisher: Prettier VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
Name: Auto Close Tag Id: formulahendry.auto-close-tag Description: Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text Version: 0.5.9 Publisher: Jun Han VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag
Name: ESLint Id: dbaeumer.vscode-eslint Description: Integrates ESLint JavaScript into VS Code. Version: 2.1.10 Publisher: Dirk Baeumer VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
Name: Prettier - Code formatter Id: esbenp.prettier-vscode Description: Code formatter using prettier Version: 5.7.1 Publisher: Prettier VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
Name: Prettify JSON Id: mohsen1.prettify-json Description: Visual Studio Code Prettify JSON Extension Version: 0.0.3 Publisher: Mohsen Azimi VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=mohsen1.prettify-json
JAVASCRIPT OUR BEST FRIEND π
Name: Auto Import - ES6, TS, JSX, TSX Id: nucllear.vscode-extension-auto-import Description: Automatically finds, parses and provides code actions and code completion for all available imports. Works with JavaScript and TypeScript. [Forked] Version: 1.4.3 Publisher: Sergey Korenuk VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=NuclleaR.vscode-extension-auto-import
Name: Babel JavaScript Id: mgmcdermott.vscode-language-babel Description: VSCode syntax highlighting for today's JavaScript Version: 0.0.30 Publisher: Michael McDermott VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=mgmcdermott.vscode-language-babel
Name: ES7 React/Redux/GraphQL/React-Native snippets Id: dsznajder.es7-react-js-snippets Description: Simple extensions for React, Redux and Graphql in JS/TS with ES7 syntax Version: 3.0.0 Publisher: dsznajder VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets
Name: Import Cost Id: wix.vscode-import-cost Description: Display import/require package size in the editor Version: 2.12.0 Publisher: Wix VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost
CSS The power of makeup π
Name: styled-components-snippets Id: jonkwheeler.styled-components-snippets Description: Styled-Components Snippets for VSCode Version: 0.6.0 Publisher: Jon Wheeler VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=jonkwheeler.styled-components-snippets
Name: vscode-styled-components Id: jpoissonnier.vscode-styled-components Description: Syntax highlighting for styled-components Version: 1.0.0 Publisher: Julien Poissonnier VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=jpoissonnier.vscode-styled-components
QA Police Department π
Name: Jest Id: orta.vscode-jest Description: Use Facebook's Jest With Pleasure. Version: 3.2.0 Publisher: Orta VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=Orta.vscode-jest
Name: Cypress Helper Id: shelex.vscode-cy-helper Description: Extension for cypress.io testing tool Version: 0.8.3 Publisher: Oleksandr Shevtsov VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=Shelex.vscode-cy-helper
Please make my life easier π₯Ί
Name: HTML Boilerplate Id: sidthesloth.html5-boilerplate Description: A basic HTML5 boilerplate snippet generator. Version: 1.1.1 Publisher: sidthesloth VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=sidthesloth.html5-boilerplate
Name: Image preview Id: kisstkondoros.vscode-gutter-preview Description: Shows image preview in the gutter and on hover Version: 0.26.2 Publisher: Kiss TamΓ‘s VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=kisstkondoros.vscode-gutter-preview
Name: IntelliSense for CSS class names in HTML Id: zignd.html-css-class-completion Description: CSS class name completion for the HTML class attribute based on the definitions found in your workspace. Version: 1.19.0 Publisher: Zignd VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion
Name: Live Server Id: ritwickdey.liveserver Description: Launch a development local Server with live reload feature for static & dynamic pages Version: 5.6.1 Publisher: Ritwick Dey VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
Name: Path Autocomplete Id: ionutvmi.path-autocomplete Description: Provides path completion for visual studio code. Version: 1.15.0 Publisher: Mihai Vilcu VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=ionutvmi.path-autocomplete
Enhance π¨βπ§
Name: TODO Highlight Id: wayou.vscode-todo-highlight Description: highlight TODOs, FIXMEs, and any keywords, annotations... Version: 1.0.4 Publisher: Wayou Liu VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=wayou.vscode-todo-highlight