UIkit autocomplete

by uikit ALL

Sublime Plugin

Details

Version 2.0.1
Homepage github.com
Issues github.com
Modified 6 years ago
Last Seen 2 hours ago
First Seen 9 years ago

Installs

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

	Apr 2	Apr 1	Mar 31	Mar 30	Mar 29	Mar 28	Mar 27	Mar 26	Mar 25	Mar 24	Mar 23	Mar 22	Mar 21	Mar 20	Mar 19	Mar 18	Mar 17	Mar 16	Mar 15	Mar 14	Mar 13	Mar 12	Mar 11	Mar 10	Mar 9	Mar 8	Mar 7	Mar 6	Mar 5	Mar 4	Mar 3	Mar 2	Mar 1	Feb 28	Feb 27	Feb 26	Feb 25	Feb 24	Feb 23	Feb 22	Feb 21	Feb 20	Feb 19	Feb 18	Feb 17	Feb 16
Windows	0	0	1	0	2	0	2	0	1	0	1	1	0	0	2	1	0	0	2	0	0	0	3	1	0	0	3	0	0	0	0	1	0	0	1	0	0	2	0	1	0	0	0	0	1	1
Mac	0	0	0	1	0	1	0	1	0	0	0	0	0	0	0	0	1	1	0	0	1	0	0	0	0	1	0	0	0	0	1	0	0	0	0	0	0	0	1	1	0	0	0	1	0	1
Linux	1	1	0	0	0	0	0	0	0	1	0	0	0	0	1	0	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

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.