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
- 断点调试。
Enjoy!
| |
