React, React-native, Bootstrap3, Laravel, Bulma.io, Flexbox, ES6, Typescript, PHP, Nativebase and few more.. (Snippets package) - Personal collection i share with the World, Pull request are welcome! Happy days...
Atom snippets for web artisans
This plugins aims to save development time by adding some clever shortcuts to your atom text editor. By using this library you will be faster, close to speed light.
Installation
GUI
Open atom and go to settings (⌘,) and click on install package and search for bootstrap-3-snippets-for-atom, install the plugin and restart atom (⌃⌥⌘L)
Command line
Como ciertos comandos necesitan otros plugins de atom lo mejor es cargar primeros las dependencias:
Install dependencies first:
apm install emmet
apm install language-blade
Then install this plugin:
apm install bootstrap-3-snippets-for-atom
Reopen atom window if was open!
Después tienes que reiniciar Atom para que los cambios surgan efecto.
Emmet example of completion
To be able to run this emmet completion shortcuts you need to have Emmet Plugin installed.
| Input | Shortcut | Result |
|---|---|---|
| Bootstrap table | emm:table |
table.table.table-striped.table-bordered>(thead>tr>th6)+(tbody>tr>td6) |
Snippets categories
Here are some of the libraries used, and the shortcodes to bring them all in your screen. This are just some examples, there are many more commands you can use, list will show when you start typing.
| Input | Shortcut |
|---|---|
| Collective | form:input |
| Emmet | emm:table |
| PHP | php:interface |
| Laravel | lara:layout |
| Bulma | bulma:hero |
| {N} | tns:dragab |
| CSS | css:media-calls |
| React-Native | rn:class-component |
| NativeBase | rnb:container |
| ES6 | import-axios |
| Typescript | ts:model-class |
what you get
Here are some sample commands, list grows over time.
Changelog
2.9
- Added VueJs API Options.
2.8
- Added Vue Element.
- Vue - async component template.
- Vue- Basic Template.
- Import VueJS for ES6
- Added React NativeBase snippets
- React-native JSX Styles
- CSS flexbox definitions
- Added Axios
2.7
- ES6 snippets.
2.6
- NativeScript.
- React-native components.
- Laravel var_dump directive.
- Laravel blade translate directive.
2.5
- Enhanced Laravel layout template.
- NativeScripts templates.
2.5
- Apply some fix.
2.4
- Apply some fix.
2.3
- Enhanced Atom UI Style.
- Added Laravel repository template.
2.2
- Laravel service provider template.
- PHP Class definitions.
- Emmet simple columns.
2.1
- Added Bulma.io library snippets.
2.0
- Updated help and descriptions.
- git checkout -b "changelog" -a . -m "Initial commit including a changelog".
Credits:
Sunnyface.com Web development
GestorApp.com Mobile aplications
SosVecinos.com Residents mobile application
KikoSeijo.com Freelance senior programmer
Changelog
16.nov.2017
- Updated readme.
10.nov.2017
- Added React Native.
- Added React NativeBase.
20.oct.2017
- Updated readme.
...
05.dec.2016
- Initial commit.
