UIkit autocomplete

by uikit ALL

Sublime Plugin

Details

Version 2.0.1
Homepage github.com
Issues github.com
Modified 8 years ago
Last Seen 2 hours ago
First Seen 11 years ago

Installs

Total 26K
Win 16K
Mac 7K
Linux 3K

	Nov 21	Nov 20	Nov 19	Nov 18	Nov 17	Nov 16	Nov 15	Nov 14	Nov 13	Nov 12	Nov 11	Nov 10	Nov 9	Nov 8	Nov 7	Nov 6	Nov 5	Nov 4	Nov 3	Nov 2	Nov 1	Oct 31	Oct 30	Oct 29	Oct 28	Oct 27	Oct 26	Oct 25	Oct 24	Oct 23	Oct 22	Oct 21	Oct 20	Oct 19	Oct 18	Oct 17	Oct 16	Oct 15	Oct 14	Oct 13	Oct 12	Oct 11	Oct 10	Oct 9	Oct 8
Windows	2	1	0	1	0	0	0	0	0	0	0	1	1	0	0	0	0	0	0	0	0	0	0	0	0	1	0	0	0	0	1	0	0	0	0	0	0	1	0	0	2	2	0	1	0
Mac	0	0	0	0	0	0	1	0	0	0	0	0	0	0	0	0	1	0	0	0	0	0	0	0	0	1	0	0	1	0	0	0	0	0	0	1	0	0	0	0	0	0	0	0	0
Linux	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	1	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	1	0	0	0	0	0	0

Readme

Source: raw.githubusercontent.com

uikit-sublime

UIkit Sublime Plugin

Auto-complete plugin for UIKit classes and attributes.

UIkit

UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces.

Homepage: http://www.getuikit.com
Twitter: @getuikit

Installation

The plugin can be installed through Sublime Text's Package Control. Just search for UIkit autocomplete.

Alternatively, you can clone this repository to the Packages directory of your Sublime installation. In Mac OS, this looks as follows:

cd ~/Library/Application Support/Sublime Text 3/Packages/
git clone git@github.com:uikit/uikit-sublime.git

Usage

Class name autocompletion: When inside double quotes of a class attribute (class="[HERE]"), suggestions will appear for all uk- classes.

animation of class autocompletion

Component attributes autocompletion: When inside a tag, but outside of a quoted attribute string (<div [HERE] class="uk-container" [OR-HERE]>), suggestions will appear for all uk- attributes.

animation of attributes autocompletion

Note: In order for the suggestions to appear, your document needs to have the syntax set to HTML (or any child syntax like HTML (PHP)). You can set the syntax from the menu View > Syntax or via the Command Palette.

Developer

The following information explains how this plugin is maintained. Users do not need to care about those steps.

To keep this plugin in sync with UIkit, class names and attributes are extracted from the UIkit code base using the included npm script.

npm install
npm run update

To make a new version of the plugin available via package control, a new version tag needs to be created.