VSCode TypeScript Snippet

Support Language

Trigger	Content
`imr→`	Import React
`exp→`	Import and export default
`dfas→`	Default As. `default as`
`interface→`	Create Interface
`interfaceGeneric→`	Create Generic Interface
`type→`	Create Type Alias
`typeObject→`	Create Object Type Alias
`typeGeneric→`	Create Generic Type Alias
`typeFunction→`	Create Function Type Alias
`mappedType→`	Create Mapped Type
`asconst→`	Attach as const in object value
`MapType→`	Define Map Type
`newMap→`	Create Map Instance
`SetType→`	Define Set Type
`newSet→`	Create Set Instance
`str[]→`	`string[]`. string array
`num[]→`	`number[]`. number array
`bool[]→`	`boolean[]`. boolean array
`enum→`	Create enum type
`cenum→`	Create const enum type

Trigger	Content
`Partial→`	Make all properties in Type optional.
`Required→`	Make all properties in Type required.
`Readonly→`	Make all properties in Type readonly.
`Record→`	Construct a type with a set of properties Keys of type Value.
`Pick→`	From Type, pick a set of properties whose keys are in the union Keys
`Exclude→`	Exclude from Type those types that are assignable to Union
`Omit→`	Construct a type with the properties of Type except for those in type Keys.
`Extract→`	Extract from Type those types that are assignable to Union
`NonNullable→`	Exclude null and undefined from Type
`Parameters→`	Obtain the parameters of a function type in a tuple
`ReturnType→`	Obtain the return type of a function type
`Uppercase→`	Convert string literal type to uppercase
`Lowercase→`	Convert string literal type to lowercase
`Capitalize→`	Convert first character of string literal type to uppercase
`Uncapitalize→`	Convert first character of string literal type to lowercase

Trigger	Content
`rfc→`	Create React Component no props
`rafc→`	Create Arrow Function React Component no props
`irfc→`	Create React Component with Interface
`irafc→`	Create Arrow Function React Component with Interface
`trfc→`	Create React Component with Type Alias
`trafc→`	Create Arrow Function React Component with Type Alias
`rfctx→`	Create React Context
`useState→`	Create useState
`tuseState→`	Create useState with Type
`useEffect→`	Create useEffect
`tstate→`	Create useReducer State Type and State
`taction→`	Create useReducer Action Type
`reducer→`	Create useReducer Reducer
`useReducer→`	Create useReducer

// Button.tsx

interface ButtonProps {

}

export default function Button({ }: ButtonProps) {
  return <div>Button</div>
}

// Button.tsx

type ButtonProps = {

}

export default function Button({  }: ButtonProps) {
  return <div>Button</div>
}

Name		Name	Last commit message	Last commit date
Latest commit History 78 Commits
.vscode		.vscode
snippets		snippets
.gitattributes		.gitattributes
.gitignore		.gitignore
.vscodeignore		.vscodeignore
CHANGELOG.md		CHANGELOG.md
README.md		README.md
logo.png		logo.png
logo.svg		logo.svg
package.json		package.json
vsc-extension-quickstart.md		vsc-extension-quickstart.md