Skip to content

Paquete para Atom que añade directivas para producir más en menos tiempo

License

Notifications You must be signed in to change notification settings

kikoseijo/atom-sf-bootstrap-snippets

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

Paquete para Atom que añade directivas para producir más en menos tiempo

Resources

License

Stars

Watchers

Forks

Packages

No packages published