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

Vuejs Complete Package

by BrainBuzzer ALL

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

Details

Installs

  • Total 166K
  • Win 95K
  • Mac 44K
  • Linux 26K
Jul 12 Jul 11 Jul 10 Jul 9 Jul 8 Jul 7 Jul 6 Jul 5 Jul 4 Jul 3 Jul 2 Jul 1 Jun 30 Jun 29 Jun 28 Jun 27 Jun 26 Jun 25 Jun 24 Jun 23 Jun 22 Jun 21 Jun 20 Jun 19 Jun 18 Jun 17 Jun 16 Jun 15 Jun 14 Jun 13 Jun 12 Jun 11 Jun 10 Jun 9 Jun 8 Jun 7 Jun 6 Jun 5 Jun 4 Jun 3 Jun 2 Jun 1 May 31 May 30 May 29 May 28
Windows 17 43 60 48 63 56 60 32 51 49 65 47 39 53 38 32 35 38 40 66 52 36 33 43 65 44 71 57 39 22 59 48 55 59 56 37 47 64 60 53 50 66 44 40 53 48
Mac 4 10 13 9 16 16 15 11 10 12 12 9 25 17 15 10 14 12 15 15 17 9 11 18 19 20 17 13 14 6 11 16 12 25 16 7 9 9 23 20 18 21 11 14 19 19
Linux 5 10 11 15 18 20 16 12 10 25 22 12 13 21 8 9 21 19 18 22 18 11 14 13 17 15 15 19 16 18 14 12 14 11 12 11 7 14 15 12 23 17 9 21 15 7

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