• Create a new directory (If doing this for the first time)
• npm init --yes
• This creates a package.json file for us

Next we will install our needed dependencies through the terminal npm i [email protected] [email protected] [email protected] --save-dev

The first package is the Command Line Interface for Babel We give it our js file and it will compile it for us The second is the logic or transpiling code is all implemented The last one is for targetting specific features which are basicaly plugins

• Like consts let and const or the use of arrow functions
• Presets allow us all of the goodness The last command means we are installing these dependencies into our development environment

Looking at our folder structure once this all has installed we have the following:

• package-lock.json (is used by NPM)
• node_modules folder holds all the installed dependencies for all of the packages

Next we can add a new file to our folder called index.js In the modified package.json for the newly added script for running babel

• We need to create a new build folder in the same directory
• The build will fail if it's not there
• This is a very basic example and all the build will do is add the use strict flag
• It will also change the const variable into a var in the built file

Add any .env file that has authentication into the ignore file always We run the basic command in the terminal run babel Note: A bunch of new files will be created that we don't want

Note: The large output of files will no longer be pushed to the repository

• Sometimes we forget to add the files that will be ignored

• This is also important as we don't want to add any keys that someone may use

• This keys are created in a .env folder (add this to the same .gitignore) file

• This helps to keep credentials secure but is not related to this example here

• All should be green to commit if not then add git add .

• Followed by a commit message git commit -m "la di da example message"

• git push (set upstream if it hasn't been set)