Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Create componentNew to Visual Studio Code? Get it now.
Create component

Create component

SkyCell

|
188 installs
| (0) | Free
Helps you create components fuster. To do that you need to create template of component in the root of the project. You can find example of template file inside README.md file.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info
  1. Create file template.hbs in the root of the project
  2. Right click where you want to create a project with structure defined in template file

Watch the video

Example of component template

index.js
export { default } from './{{ComponentName}}Container'
///////////
{{ComponentName}}Container.js
import React from 'react'

import {{ComponentName}} from './{{ComponentName}}'

const {{ComponentName}}Container = (props) => {
    return (
        <{{ComponentName}}
            {...props}
        />
    )
}

export default {{ComponentName}}Container
///////////
{{ComponentName}}.js
import React from 'react'

import theme from "./{{ComponentName}}.module.css"

const propTypes = {
}

const defaultProps = {
}

const {{ComponentName}} = (props) => {

return (
        <div className={theme.root}>
            {{ComponentName}}
        </div>
    )
}

{{ComponentName}}.propTypes = propTypes
{{ComponentName}}.defaultProps = defaultProps

export default {{ComponentName}}
///////////
{{ComponentName}}.module.css
.root {
    background: green;
}
///////////
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft