Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>simple-react-code-generatorNew to Visual Studio Code? Get it now.
simple-react-code-generator

simple-react-code-generator

liqiang372

|
203 installs
| (0) | Free
generate react skeleton code based on file name
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Simple React Code Generator

it will generator some initial skeleton code based on file name

if your file name is ProfileAvatar.tsx,

after creating the file, run cmd + shift + p, and choose Simple React: Generate code based on file name

it will generate

import React, { FC } from "react";

export interface ProfileAvatarProps {
  className?: string;
}

export const ProfileAvatar: FC<ProfileAvatarProps> = ({ className }) => {
  return <div className={className}> ProfileAvatar Component </div>;
};
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft