Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>GungnirNew to Visual Studio Code? Get it now.
Gungnir

Gungnir

eten

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

Gungnir

目前只提供了Snippets功能。

Snippets

注意: 更改语言模式(change language mode)为TypeScript或Typescript React或Javascript React。 cmd + shift + p 打开命令面板,输入G.snippets查看支持的snippets。

Snippet Description
模板
react react typescript 样板代码
gs StyleSheet.create
组件
iv 插入View组件
it 插入Text组件
iti 插入TextInput组件
ii 插入Image组件
is 插入ScrollView组件
ifl 插入FlatList组件
ith 插入TouchableHighlight组件
itf 插入TouchableNativeFeedback组件
itnf 插入TouchableWithoutFeedback组件
样式
jc justifyContent: center
jcfs justifyContent: flex-start
jcfe justifyContent: flex-end
jcsb justifyContent: space-between
jcsb justifyContent: space-around
jcse justifyContent: space-evenly
ac alignContent: center
acfs alignContent: flex-start
acfe alignContent: flex-end
acs alignContent: stretch
acsb alignContent: space-between
acsa alignContent: space-around
aifs alignItems: flex-start
aife alignItems: flex-end
ai alignItems: center
ais alignItems: stretch
aib alignItems: baseline
as alignSelf: center
asa alignSelf: auto
asfs alignSelf: flex-start
asfe alignSelf: flex-end
ass alignSelf: stretch
asb alignSelf: baseline
bc borderColor
btc borderTopColor
blc borderLeftColor
brc borderRightColor
bbc borderBottomColor
bw borderWidth
bbw borderBottomWidth
blw borderLeftWidth
brw borderRightWidth
btw borderTopWidth
bs borderStyle: solid
bsdo borderStyle: dotted
bsda borderStyle: dashed
br borderRadius
btrr borderTopRightRadius
bblr borderBottomLeftRadius
bbrr borderBottomRightRadius
btlr borderTopLeftRadius
op opacity
dl direction: ltr
dr direction: rtl
df direction: flex
dn direction: none
fl flex
fg flexGrow
fs flexShrink
fb flexBasis
fdr flexBasis: row
fdrr flexBasis: row-reverse
fdc flexBasis: column
fdcr flexBasis: column-reverse
fw flexWrap: wrap
fwn flexWrap: no-wrap
mb marginBottom
mh marginHorizontal
ml marginLeft
mr marginRight
mt marginTop
mv marginVertical
mah maxHeight
maw maxWidth
mih minHeight
miw minWidth
ov overflow: visible
oh overflow: hidden
os overflow: scroll
pb paddingBottom
ph paddingHorizontal
pl paddingLeft
pr paddingRight
pt paddingTop
pv paddingVertical
posa position: absolute
posr position: relative
h height
w width
m margin
p padding
t top
l left
r right
b bottom
zi zIndex
c color
bgc backgroundColor
fz fontSize
fw fontWeight
fsi fontStyle: italic
ff fontFamily
lh lineHeight
ta textAlign: auto
tac textAlign: center
tal textAlign: left
tar textAlign: right
taj textAlign: justify

On Working

  1. 断点调试。

Enjoy!

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