ciffi
Version:
Ciffi Frontend Generator
51 lines (37 loc) • 1.56 kB
Markdown
[npm-version]: https://img.shields.io/npm/v/ciffi.svg
[npm-url]: https://www.npmjs.com/package/ciffi
[paypal]: https://img.shields.io/badge/-donate-blue.svg?logo=paypal
[![npm-version][npm-version]][npm-url]
[](https://travis-ci.org/ciffi/ciffi-js)
[![Build Status][paypal]](https://www.paypal.me/ciffidesign)
# Ciffi Frontend Generator #
Ciffi js is a frontend project generator with node based build system and javascript framework.
It includes webpack for javascript module, node-sass for build scss files with postCSS autoprefixer and cleancss, livereloadjs for fast development
_full documentation available at [ciffi.it/ciffi-js](https://www.ciffi.it/ciffi-js)_
- - -
#### install ciffi
```
npm install -g ciffi
```
#### setup new project
```
ciffi setup [projectname]
```
## CLI COMPLETION
- add this snippet to your .bash_profile
```
# ciffi completion
if [ -f /usr/local/lib/node_modules/ciffi/ciffi.bash ]; then
. /usr/local/lib/node_modules/ciffi/ciffi.bash
fi
```
- - -
## WORKFLOW
1. create folder (I usually use frontend in the root of project), then browse inside it and run setup task
2. answer the setup process questions
3. define your config files in src/config/env/envName.js
4. finish project's configuration by edit the .ciffisettings file
5. link main.css and main.js to your project
6. each new project contains all tasks for develop, test and build
- - -
__full documentation available at [ciffi.it/ciffi-js](https://www.ciffi.it/ciffi-js)__