Git Product home page Git Product logo

createreactappvisualstudio's Introduction

Create React App Template Utility - Visual Studio

This little utility allows you to create templates for your react app. It can be thought of as the "File->New" of any new project.

The utility:

  • Uses the official create-react-app to generate a react app
  • It allows you to pass any flags through you want (free text)
  • Sets up any extra npm packages that you routinely install
  • Sets up your project directory structure
  • Copies over any boiler plate code you want for this project type
  • Generates a visual solution & project file
  • In Visual Studio, it sets up the "build/debug" command to run "npm start"
  • In Visual Studio, it sets up the "build/release" command to "npm run build"
  • The tool allows you to save configs and re-load them again at a later date. This means you could have different conifgs for different app types.
  • The app template files are simple .json files

Screenshot

alt tag

Project Origins

The origins of this side-project stem from a stack overflow question I asked about how to extend the build process in Visual Studio.

Once I found out how to do this and because I wanted to generate a visual studio solution for every new React project I create, I knocked up this quick tool which wraps up everything I wanted all together.

https://stackoverflow.com/questions/58733134/how-to-debug-a-react-app-in-visual-studio-2019-using-the-blank-node-js-templat

createreactappvisualstudio's People

Contributors

oceanairdrop avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.