Skip to content

xavierartot/Babel-Workflow-Free-Code-Camp

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

41 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Free Code Camp challenge on 🔥

Work faster with an nice setup

tasks

  • Reload your browser
  • Pug(Jade) templating
  • Lint Javascript
  • Compile es2015 with Babel
  • Compilation with Stylus

Prerequisites:

Dependencies:

  1. NPM: [https://docs.npmjs.com/cli/install](Install NPM)
  2. NodeJs: NodeJs
  3. Gulp: Installing Gulp

Installation

1. In your Terminal clone the repo(Github)

git clone https://github.com/xavierartot/Babel-Workflow-Free-Code-Camp my-project

2. Go to the folder

cd my-project

3. Install the package NPM in your project

npm install

4. Start gulp

gulp watch

the first Babel precompilation takes 30 secs, this is normal, then it's takes 1 seconde

the main files are:

Files Files Types destination
src/babel/script.js Javascript folder index.html/
src/jade/index.jade html folder index.html/
src/stylus/style.styl Stylus(CSS) folder index.html/

How Do You Use This Workflow With FCC

Clone this repository. Once You're done. You'll copy the code in FCC you can use es6 with Free Code Camp or copy the script in index.html/script.js

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 55.6%
  • HTML 25.3%
  • CSS 19.1%