Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>nativeEmmetNew to Visual Studio Code? Get it now.
nativeEmmet

nativeEmmet

Saugat Maharjan

|
18,049 installs
| (1) | Free
emmet for react native
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Emmet for React Native

Nearly Emmet like abbreviation tab completion for React Native.

style completion

style completion with options

component completion with props

Example:

mt + Tab = marginTop: 12,

ai:c + Tab = alignItems: 'center',

v + Tab = <View style={}>some component</View>

vt + Tab = <View style={}><Text>some texts</Text></View>

ti + Tab = <TextInput value={} placeholder="" underlineColorAndroid={false} onChangeText={} />

to + Tab = <TouchableOpacity style={} onPress={} />

Note: For continuous tab completion, remember to press esc to end the current abbreviation completion before starting another one.

See the full abbreviation list from link below:

React Native Emmet full abbreviation list

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