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 144K
  • Win 82K
  • OS X 40K
  • Linux 22K
Oct 15 Oct 14 Oct 13 Oct 12 Oct 11 Oct 10 Oct 9 Oct 8 Oct 7 Oct 6 Oct 5 Oct 4 Oct 3 Oct 2 Oct 1 Sep 30 Sep 29 Sep 28 Sep 27 Sep 26 Sep 25 Sep 24 Sep 23 Sep 22 Sep 21 Sep 20 Sep 19 Sep 18 Sep 17 Sep 16 Sep 15 Sep 14 Sep 13 Sep 12 Sep 11 Sep 10 Sep 9 Sep 8 Sep 7 Sep 6 Sep 5 Sep 4 Sep 3 Sep 2 Sep 1 Aug 31
Windows 12 82 42 53 68 64 65 79 57 34 52 51 60 53 52 73 50 44 54 75 82 100 76 43 42 49 65 99 70 74 33 39 60 79 75 79 91 55 43 77 96 82 79 84 45 46
OS X 7 18 11 9 23 32 22 29 20 7 8 17 18 29 21 21 12 8 25 22 29 29 20 13 18 20 24 35 30 12 10 11 25 20 30 32 21 10 23 21 20 19 20 24 14 10
Linux 2 21 7 15 15 23 17 22 20 14 18 16 17 18 15 17 15 9 22 13 43 26 23 11 13 13 20 20 20 27 8 10 13 12 24 23 15 16 6 27 16 20 28 22 13 15

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