ctrl+shift+p filters: :st2 :st3 :win :osx :linux
Browse

Vuejs Complete Package

by BrainBuzzer ST2/ST3

Better Vue.js completions for sublime text with syntax highlighting.

Details

Installs

  • Total 116K
  • Win 65K
  • OS X 34K
  • Linux 17K
Dec 14 Dec 13 Dec 12 Dec 11 Dec 10 Dec 9 Dec 8 Dec 7 Dec 6 Dec 5 Dec 4 Dec 3 Dec 2 Dec 1 Nov 30 Nov 29 Nov 28 Nov 27 Nov 26 Nov 25 Nov 24 Nov 23 Nov 22 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
Windows 70 90 88 85 98 60 61 88 98 113 105 105 43 54 85 105 93 109 105 30 58 85 108 126 101 94 50 54 76 97 92 100 96 50 46 86 105 94 97 93 63 72 108 115 80 97
OS X 26 34 33 35 41 20 18 33 38 44 42 37 21 24 30 34 29 22 56 15 21 22 40 36 41 39 10 24 51 40 33 38 37 13 20 35 44 30 41 33 18 21 48 36 56 37
Linux 20 27 26 24 28 18 21 23 28 24 27 23 23 17 16 27 21 27 25 12 13 16 35 30 29 22 23 13 28 26 27 32 30 14 20 21 30 34 32 23 18 19 20 24 33 39

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