Visual Studio Code - Essential Plugins

If this project has helped you out, please support us with a star 🌟

VS Code is a new type of tool that combines the simplicity of a code editor with what developers need for their core edit-build-debug cycle. Code provides comprehensive editing and debugging support, an extensibility model, and lightweight integration with existing tools.

This library enhances usability by providing prepackaged essential plugins for visual studio code. Before we dive into on how to use this library. We would like to thank all the contributor of plugins we have configured in this library

Note: These prepacked plugins will definitely help developers of React & ReactNative community

💻 Usage

npm install vs-essential-plugins --save

npm install

On install it will automatically install all plugins configured in library

Note:

• If you are using MAC then please make your that you have install code command in PATH. Please refer Microsoft Blog for more details
• All plugins are defined in package.json postinstall section

Essential Plugins

• svetlozarangelov.vscode-open-project: This extension allows you to easily switch projects inside Visual Studio Code
• DavidAnson.vscode-markdownlint: Markdown/CommonMark linting and style checking for Visual Studio Code
• dbaeumer.vscode-eslint: The extension uses the ESLint library installed in the opened workspace folder
• vsmobile.vscode-react-native: This extension provides a development environment for React Native projects. Using this extension, you can debug your code, quickly run react-native commands from the command palette, and use IntelliSense to browse objects, functions and parameters for React Native APIs
• flowtype.flow-for-vscode: This extension adds Flow support for VS Code. Flow is a static type checker, designed to find type errors in JavaScript programs
• gcazaciuc.vscode-flow-ide: An alternative Flowtype extension for Visual Studio Code. Flowtype is a static type checker ment to find errors in Javascript programs
• streetsidesoftware.code-spell-checker: A basic spell checker that works well with camelCase code
• ms-vscode.atom-keybindings: This extension ports popular Atom keyboard shortcuts to Visual Studio Code. After installing the extension and restarting VS Code your favorite keyboard shortcuts from Atom are now available
• robertohuertasm.vscode-icons: Bring icons to your Visual Studio Code
• naumovs.color-highlight: This extension styles css/web colors found in your document
• 2gua.rainbow-brackets: Provide rainbow colors for the round brackets, the square brackets and the squiggly brackets. This is particularly useful for Lisp or Clojure programmers, and of course, JavaScript, and other programmers
• wayou.vscode-todo-highlight: Highlight TODO,FIXME or any annotations within your code
• SirTori.indenticator: Visually highlights the current indent depth
• cssho.vscode-svgviewer: SVG Viewer for Visual Studio Code Visual Studio Marketplace
• formulahendry.auto-close-tag: Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text does
• formulahendry.auto-rename-tag: Automatically rename paired HTML/XML tag, same as Visual Studio IDE does
• formulahendry.auto-complete-tag: Combine the functions of Auto Close Tag and Auto Rename Tag
• christian-kohler.path-intellisense: Visual Studio Code plugin that autocompletes filenames
• EQuimper.react-native-react-redux: React-Native/React/Redux snippets for es6/es7
• alexdima.copy-relative-path: Copy Relative Path
• DotJoshJohnson.xml: XML Tools for Visual Studio Code
• formulahendry.code-runner: Run code snippet or code file for multiple languages: C, C++, Java, JavaScript, PHP, Python, Perl, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F# Script, F# (.NET Core), C# Script, C# (.NET Core), VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml Script, R, AppleScript, Elixir, Visual Basic .NET, Clojure, Haxe, Objective-C, Rust, Racket, AutoHotkey, AutoIt, Kotlin, Dart, Free Pascal, Haskell, Nim, D, and custom command
• joelday.docthis: "Document This" is a Visual Studio Code extension that automatically generates detailed JSDoc comments for both TypeScript and JavaScript files
• waderyan.gitblame: See Git Blame information in the status bar for the currently selected line
• eamodio.gitlens: GitLens supercharges the built-in Visual Studio Code Git capabilities. It helps you to visualize code authorship at a glance via Git blame annotations and code lens, seamlessly navigate and explore the history of a file or branch, gain valuable insights via powerful comparison commands, and so much more
• xyz.local-history: A visual source code plugin for maintaining local history of files
• esbenp.prettier-vscode: Prettier formatter for Visual Studio Code
• Orta.vscode-react-native-storybooks: Select storybooks inside your editor
• IBM.output-colorizer: Language extension for VSCode/Bluemix Code that adds syntax colorization for both the output/debug/extensions panel and *.log files
• qezhu.gitlink: Inspired by GitHub extension for Visual Studio, this extension provide the feature that Go To current file's online link in browser and Copy the link in clipboard

✨ Credits

🤔 How to contribute

Have an idea? Found a bug? Please raise to ISSUES. Contributions are welcome and are greatly appreciated! Every little bit helps, and credit will always be given.

💫 Where is this library used?

If you are using this library in one of your projects, add it in this list below. ✨

📜 License

This library is provided under the Apache 2 License.

vs-essential-plugins @ prscX

💖 Support my projects

I open-source almost everything I can, and I try to reply everyone needing help using these projects. Obviously, this takes time. You can integrate and use these projects in your applications for free! You can even change the source code and redistribute (even resell it).

However, if you get some profit from this or just want to encourage me to continue creating stuff, there are few ways you can do it:

• Starring and sharing the projects you like 🚀

• If you're feeling especially charitable, please follow prscX on GitHub.

  Thanks! ❤️ prscX.github.io </ Pranav >