![]() ![]() ![]() The next thing we want to do is give it dependencies, two to be exact. This file is used by npm to keep track of your projects dependencies. After this is done you'll find a package.json file inside of your project directory. Don't worry, nothing in this world is perminent. You'll be asked a whole lot of questions here and all you really have to do here is to keep hitting enter. Next we want to prepare our project for using Node Package Manager (npm) by typing this into the terminal: ![]() We can do this by typing the following into our terminal: The first thing we're going to want to do is create our project directory and change into that directory. We're going to be using npm command in this tutorial, which is short for Node Package Manager, to install a couple of node 'packages' that will help us get our project up and running. With Node installed you now should have access to both the node and npm bash commands in your terminal. I could go into more detail but for now I'll just say I don't like where the homebrew-installed version of Node puts certain files. I recommend using the package installer on the node.js site as it makes it much easier. If not, this might be a perfect time to do so. This tutorials assumes that you have Node installed. In order to accomplish this, we'll use the task runner Gulp to make sure LiveReload knows about our changes. This can be very productive if you are working on a webpage and want to see the changes right away. This tutorial will show you how to set up LiveReload, a program that applies CSS/JS changes in your browser w/o reloading the page (and autoreloads the page when HTML changes). ![]()
0 Comments
Leave a Reply. |