bootstrap-3-snippets-for-atom

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...
kikoseijo
2.19.0 11,806
Flag as spam or malicious

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.

PHP

bootstrap3

Bulma

ES6

Laravel

react-native

NativeBase

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

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.

logo