Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>vs-component-appNew to Visual Studio Code? Get it now.
vs-component-app

vs-component-app

cvarisco

|
1,150 installs
| (0) | Free
Visual code extension of create-component-app. Create your react component with right click on folder
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

vs-component-app

How much time do you spend copying and pasting the component folder to create a new one ?
Visual studio code extension to create react components base on create-component-app library

Usage

vs-component-app

  1. Create a config object ccarc on user preference like

  2. Right click on folder destination where you want your new component.

  3. Insert name of the component.

  4. Enjoy :taco:

Install

ext install vs-component-app

Or link available here

Configuration

Create a config object ccarc on user preference.
Here you can find the docs about the config object

{
    "ccarc": {
        "type": "class",
        "jsExtension": "js",
        "cssExtension": "scss",
        "includeTests": false,
        "includeStories": false,
        "indexFile": false,
        "connected": false,
        "componentMethods": [
            "componentDidMount",
            "shouldComponentUpdate",
            "onClick"
        ],
        "fileNames": {
            "testFileMatch": "spec",
            "testFileName": "myTest",
            "componentFileName": "template",
            "styleFileName": "style"
        }
    }
}

You can use your own custom templates

Create a config object ccarc on user preference

{   
    "ccarc": {   
        "type": "custom",
        "templatesPath": "PATH/OF/CUSTOM/TEMPLATE/FOLDER"
    }
}

Here you can find the documentation on how to write your own custom templates

Contributing

The library is open to everybody, contribute improve your skills.

vs-component-app is maintained under the Semantic Versioning guidelines.

License

MIT © Christian Varisco

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft