This extension provides a streamlined and efficient way to run a React application directly from Visual Studio Code. With a single click of the run button, developers can quickly start their React app without needing to open the terminal manually.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
ReactQuickRunner: A Must-Have Extension for React Developers
ReactQuickRunner is a powerful and simple-to-use extension designed to streamline the development process for React applications. With a single click of a button, React developers can now quickly start their React projects directly from the VS Code environment without manually running terminal commands. This extension is the perfect solution for React developers who want to minimize workflow interruptions and increase productivity.
Key Features
One-Click Run Button: Start your React applications instantly by clicking a dedicated "Run" button. No more switching to the terminal or typing npm start or yarn start commands!
Integrated with VS Code: ReactQuickRunner integrates seamlessly with VS Code, making it easy to view logs and errors directly within the editor’s terminal.
Customizable Settings: You can customize which commands to execute, like npm start, yarn start, or even custom scripts based on your project setup.
Error Alerts: Get real-time error notifications, ensuring you can quickly identify and fix issues without leaving the editor.
Requirements
Node.js: ReactQuickRunner requires Node.js to be installed on your machine. If Node.js is not installed, follow this guide to set it up.
React Project: This extension works with projects set up using create-react-app, or any React project that uses npm or yarn as its package manager.
Extension Settings
This extension adds the following settings:
reactQuickRunner.enable: Enable or disable the ReactQuickRunner extension.
reactQuickRunner.command: Specify a custom start command, such as npm run dev or yarn start.
Known Issues
There are currently no major issues. If you encounter any bugs or problems, feel free to report them on the GitHub issues page.
Release Notes
0.0.1
Initial release of ReactQuickRunner.
0.0.9
Introduce the extension for mac user (yarn start) ReactQuickRunner.
Enjoy simplified React development with ReactQuickRunner and improve your workflow today! For more details on how to get the most out of this extension, check out the Visual Studio Code documentation.
Let me know if you'd like to add more details or any changes!