Commit 7971f94

committed

Update README

1 parent b637986 commit 7971f94Copy full SHA for 7971f94

File tree

+38

-0

lines changed

+38

-0

lines changed

Lines changed: 38 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -16,8 +16,46 @@ Plug 'epilande/vim-react-snippets'`
`16`	`16`
`17`	`17`	`" Ultisnips`
`18`	`18`	`Plug 'SirVer/ultisnips'`
	`19`	`+`
	`20`	`+" Trigger configuration (optional)`
	`21`	`+" let g:UltiSnipsExpandTrigger="<C-l>"`
	`22`	+```
	`23`	`+`
	`24`	`+## Usage`
	`25`	+In a JavaScript or JSX file, type a trigger name while in Insert mode, then press Ultisnips trigger key. In my case I have it mapped to `<C-l>`.
	`26`	`+`
	`27`	+For example, let's say we have `ListItem.js`
	`28`	`+`
	`29`	`+In Insert mode`
	`30`	`+`
	`31`	+```javascript
	`32`	`+rcc<C-l>`
	`33`	+```
	`34`	`+`
	`35`	`+Will expand to`
	`36`	`+`
	`37`	+```javascript
	`38`	`+import React, { PropTypes } from 'react';`
	`39`	`+import styles from './ListItem.css';`
	`40`	`+`
	`41`	`+const ListItem = ({ ...props }) => (`
	`42`	`+ <div className={styles.base}>`
	`43`	`+`
	`44`	`+ </div>`
	`45`	`+);`
	`46`	`+`
	`47`	`+ListItem.defaultProps = {`
	`48`	`+};`
	`49`	`+`
	`50`	`+ListItem.propTypes = {`
	`51`	`+};`
	`52`	`+`
	`53`	`+export default ListItem;`
`19`	`54`	```
`20`	`55`
	`56`	+Check out [`UltiSnips/javascript.snippets`](UltiSnips/javascript.snippets) to see all snippets.
	`57`	`+`
	`58`	`+`
`21`	`59`	`## Snippets`
`22`	`60`
`23`	`61`	`#### Skeleton`

Comments

(0)