Vuejs Complete Package
Better Vue.js completions for sublime text with syntax highlighting.
Details
Installs
- Total 206K
- Win 120K
- Mac 53K
- Linux 34K
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 | Feb 15 | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Windows | 0 | 3 | 1 | 3 | 5 | 2 | 2 | 4 | 5 | 2 | 1 | 8 | 1 | 4 | 2 | 6 | 2 | 0 | 3 | 1 | 4 | 1 | 3 | 3 | 3 | 9 | 5 | 5 | 5 | 10 | 1 | 3 | 1 | 4 | 4 | 1 | 4 | 0 | 4 | 1 | 1 | 6 | 10 | 4 | 2 | 2 |
Mac | 0 | 0 | 0 | 0 | 1 | 0 | 1 | 1 | 2 | 0 | 1 | 0 | 0 | 3 | 1 | 1 | 0 | 0 | 3 | 0 | 0 | 2 | 2 | 2 | 0 | 0 | 1 | 0 | 2 | 0 | 0 | 0 | 1 | 1 | 1 | 0 | 3 | 1 | 0 | 1 | 1 | 2 | 0 | 2 | 2 | 2 |
Linux | 0 | 0 | 1 | 1 | 0 | 0 | 2 | 0 | 1 | 0 | 0 | 1 | 1 | 3 | 1 | 0 | 0 | 2 | 2 | 1 | 0 | 1 | 1 | 0 | 0 | 3 | 0 | 3 | 1 | 1 | 1 | 2 | 2 | 1 | 0 | 0 | 2 | 0 | 0 | 0 | 1 | 1 | 1 | 1 | 0 | 0 |
Readme
- Source
- raw.githubusercontent.com
VueJS Code completion for sublime
This package is a complete set of snippets and vue syntax highlighting and is under development version number is 0.3.3 . This package is built by Aditya Giri and is being used by LivonAir.
Installation
Manually
To install this package, clone this repository in your machine and move to your packages folder. You can find packages folder by clicking on Preferences->Browse Packages.
Package Control
Go ahead and search for vuejs complete package. Just install it.
Usage
Syntax Highlighting
We are providing syntax highlighting as it is from a fork of vuejs/vuejs-syntax-highlight. You need not to configure it. It is already configured for you.
Snippets
We provide following set of snippets. Have a look at them. They may be increased or decreased as per the version of VueJS. Just put those letters and press tab
v: This is a simple trigger which may be used like this:
var demo = new Vue({
data [v]Press tab here to transform in something like this:
data: {
// Your text here
}
})
vue: This one is great if you have a brand new js file and you want to trigger the whole thing at once.
var vm = new Vue({
el: "#replace"
})
vue-config: This snippet is for expanding config of the whole VueJS. It looks like this:
{
debug: true,
strict: false,
prefix: 'v-',
delimiters: ['{{', '}}']},
silent: false,
interpolate: true,
async: true,
proto: true
}
vue-dir: Create a custom directive very easily using this snippet. You custom directive will look like this.
Vue.directive('my-directive', {
bind: function () {},
update: function (newValue, oldValue) {},
unbind: function () {}
})
vue-filter: Create a custom filter using this snippet.
Vue.filter('my-filter', function (value) {
// Content
})
vue-cdn: Get a cdn snippet which would expand to something like this:
<script src="http://cdnjs.cloudflare.com/ajax/libs/vue/0.12.14/vue.min.js"></script>
vue-extend: A snippet for extend function.
var Profile = Vue.extend({
template: '<p>{{firstName}} {{lastName}} aka {{alias}}</p>'
})
wat: Add a $watch property to any of your object.
vm.$watch('someObject', callback, {
content
})
get: Add get easily.
vm.$get(expression)
set: Setter in easy way:
vm.$set(key, value)
add:
vm.$add(key, value)
delete:
vm.$delete(key)
eval:
vm.$eval(msg | uppercase)
interpolate:
vm.$interpolate(templateString)
log:
vm.$log([keypath-optional])
And yeah There are even more that are coming soon.
ToDo
- Add more snippets
- Add autocomplete for html
Maintainer
This library is crafted and maintained by Aditya Giri. If you would like to contact him for any library, them his email address is dtrg21@gmail.com.
This library is a part of a blogging platform LivonAir