Vue js Starter Kit: Compile Vue template files using Gulp

Recommend this page to a friend!
  Info   View files Example   View files View files (11)   DownloadInstall with Composer Download .zip   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

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: 37
All time rank: 1623 in Iran Iran
Week rank: 6 Up1 in Iran Iran Up
Innovation award
Innovation award
Nominee: 1x

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  
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  /  dist  
File Role Description
  Plain text file bundle.js Class Class source

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

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

 Version Control Unique User Downloads Download Rankings  
 100%
Total:48
This week:0
All time:504
This week:3Up