Vue js Starter Kit: Compile Vue template files using Gulp

Recommend this page to a friend!
     
  Info   Example   View files Files   Download Download   Reputation   Support forum   Blog    
Ratings Unique User Downloads Download Rankings
Not enough user ratingsTotal: 48 All time: 504 This week: 3Up
Version License JavaScript version Categories
vue-js-starter-kit 1.0MIT/X Consortium ...5HTML, Templates, Parsers, EcmaScript 6
Description 

Author

afshin akhgar

This package can compile Vue template files using Gulp.

It can take Vue template files and compile them for generating the script output.

It uses gulp and browserify, as well SASS with gulp to generate CSS definitions.

Picture of afshin akhgar
  Performance   Level  
Name: afshin akhgar <contact>
Classes: 2 packages by
Country: Iran Iran
Age: 39
All time rank: 1623 in Iran Iran
Week rank: 6 Up1 in Iran Iran Up

Level 1 Star

 Innovation award
Innovation award
Nominee: 1x

Example

// main.js
var Vue = require('vue');
// var App = require('./src/components/app.vue')

import App from './components/app.vue';

new Vue({
  el: 'body',
  components: {
    app: App
  }
});

Details

VueJS Compiler

VueJS Compiler is a transformer for vue files . you can easily compile (transform) your vue project With gulp and browserify. Also Sass added to gulp workflow for better productivity.

Installation

vueJsCompiler requires Node.js v4+ to run.

$ git clone git@github.com:afshinpersian/vueCompiler.git vueJsCompiler
$ cd vueJsCompiler
$ npm install

All package and dependencies will install.

Usage

  • It is so easy . just compile your vue files with short syntax
$ gulp vue

for sass

$ gulp sass

for vue and sass watch

$ gulp watch

for production sass to minified css

$ gulp prod

You can also:
  • add new gulp tasks such as default task
  • you can compile sass file - stylus files and other libraries in vue files with vuiefy

Version

1.0.0

Tech

VueJs Compiler uses a number of open source projects to work properly:

  • [Vue Js] - Intuitive, Fast and Composable MVVM for building interactive interfaces!
  • [node.js] - evented I/O for the backend
  • [npm] - package manager for nodejs
  • [Gulp] - the streaming build system
  • [browserify] - The compiler for writing next generation JavaScript.
  • [babel] - The compiler for writing next generation JavaScript.
  • [vueify] - vue compile templates!

Development

Want to contribute? Great! Open your favorite IDE and change files.

Todos

- write new gulp tasks - gulp js minifier and uglifier

License

MIT

[npm]: <http://www.npmjs.com/> [Vue Js]: <http://vuejs.org/> [vueify]: <https://github.com/vuejs/vueify> [browserify]: <http://browserify.org> [markdown-it]: <https://github.com/markdown-it/markdown-it> [node.js]: <http://nodejs.org> [Gulp]: <http://gulpjs.com> [babel]: <https://babeljs.io/>


  Files folder image Files (11)  
File Role Description
Files folder imagedist (1 file)
Files folder imageresource (1 file, 1 directory)
Accessible without login Plain text file .babelrc Data Auxiliary data
Accessible without login Plain text file CONTRIBUTING.md Data Auxiliary data
Accessible without login Plain text file gulpfile.babel___.js Aux. Auxiliary script
Accessible without login Plain text file gulpfile.js Aux. Auxiliary script
Accessible without login Plain text file index.html Data Documentation
Accessible without login Plain text file LICENSE Lic. License text
Accessible without login Plain text file package.json Data Auxiliary data
Accessible without login Plain text file README.md Doc. Documentation

  Files folder image Files (11)  /  dist  
File Role Description
  Plain text file bundle.js Class Class source

  Files folder image Files (11)  /  resource  
File Role Description
Files folder imagecomponents (1 file)
  Accessible without login Plain text file main.js Example Example script

  Files folder image Files (11)  /  resource  /  components  
File Role Description
  Accessible without login Plain text file app.vue Data Auxiliary data

Downloadvue-js-starter-kit-2021-12-03.zip 74KB
Downloadvue-js-starter-kit-2021-12-03.tar.gz 72KB
 Version Control Unique User Downloads Download Rankings  
 100%
Total:48
This week:0
All time:504
This week:3Up

  Applications that use this package  
No pages of applications that use this class were specified.

Add link image If you know an application of this package, send a message to the author to add a link here.