Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>t3-cua-toolsNew to Visual Studio Code? Get it now.

t3-cua-tools

Alberto Del Buono Paolini

|
7 installs
| (0) | Free
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

t3-cua-tools

Typescript Code

This is a VSCode extension that consists of a set of tools for apps created with the create-t3-universal-app tool or cloned from the CUA (create-universal-app) template.

The public extension is live on the VSCode marketplace here.

Usage

New Screen

Input the new screen name in CapitalizedCamelCase (i.e. the name that you would have used for the screen component). Subsequently this command will generate a new screen.tsx file under the directory packages/app/features/{ScreenName}, add the generated component to the stack navigator in packages/app/navigation/native/index.tsx, add a new route in packages/app/provider/navigation/index.tsx and add a new index.tsx under apps/nextjs/pages/{ScreenName} importing your new screen in Nextjs. After that it will open the new screen.tsx file for you to modify.

New Component

Input the new component name in CapitalizedCamelCase. Subsequently this command will generate a new component under the packages/ui/src/components folder. After that it will open the new {ComponentName}.tsx file for you to modify.

New Route

Input the new route name in lowercaseCamelCase. Subsequently this command will generate a new router in the packages/api/src/router folder and add that to the index.ts router. After that it will open the new {routeName.ts} file for you to modify.

  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft