Icontem

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    
Last Updated Ratings Unique User Downloads Download Rankings
2016-10-17 (2 months ago) RSS 2.0 feedNot yet rated by the usersTotal: 15 This week: 15All time: 484 This week: 2Up
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.

  Performance   Level  
Name: afshin akhgar <contact>
Classes: 2 packages by
Country: Iran Iran
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 `sh $ 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:15
This week:15
All time:484
This week:2Up