curl<\/span> -o- https:\/\/raw.githubusercontent.com\/creationix\/nvm\/v0.33.1\/install.sh |<\/span> bash<\/span><\/code><\/pre>\n<\/div>\nOpen the\u00a0~\/.bash_profile<\/code>\u00a0file, and make sure\u00a0source ~\/.bashrc<\/code>\u00a0is written in there somewhere. Restart the terminal.<\/p>\nRun the install command.<\/p>\n
\nnvm install<\/span> node<\/code><\/pre>\n<\/div>\nRun the use command.<\/p>\n
\nnvm use node<\/code><\/pre>\n<\/div>\n\nNow using node v8.2.0 (npm v5.3.0)<\/code><\/pre>\n<\/div>\nNow that Node.js and npm are installed, test them by typing\u00a0node -v<\/code>\u00a0and\u00a0npm -v<\/code>.<\/p>\n![\"linux\u73af\u5883node.js\u548cnpm](\"https:\/\/www.taniarascia.com\/static\/42a2e888eaa4e8581605e8a2914be8e4\/a6d36\/term-1.png\" "\\"linux\u73af\u5883node.js\u548cnpm")
<\/a><\/span><\/p>\nAll set.<\/p>\n
Create a Project<\/h2>\n
At this point, you're set to start setting up Gulp, Webpack, Browserify, or whatever your aim is. We can also create a simple project to test that everything is working properly.<\/p>\n
Initialize Project<\/h3>\n
Navigate to the directory in which you want your project to exist - in my case,\u00a0sites\/node-test<\/strong>.<\/p>\n\ncd<\/span> sites\/node-test<\/code><\/pre>\n<\/div>\nNow initalize a new project with npm.<\/p>\n
\nnpm<\/span> init<\/code><\/pre>\n<\/div>\nThe following will pop up in the terminal, and prompt you for a few<\/p>\n
\nThis utility will walk you through creating a package.json file.\r\nIt only covers the most common items, and tries to guess sensible defaults.\r\n\r\nSee `npm help json` for definitive documentation on these fields\r\nand exactly what they do.\r\n\r\nUse `npm install <pkg>` afterwards to install a package and\r\nsave it as a dependency in the package.json file.<\/code><\/pre>\n<\/div>\nFirst, it will ask for a package name.<\/p>\n
\nnode-test<\/code><\/pre>\n<\/div>\nVersion number.<\/p>\n
\n1.0.0<\/code><\/pre>\n<\/div>\nDescription.<\/p>\n
\nCreating my first \"Hello, World!\" Node project.<\/code><\/pre>\n<\/div>\nThe rest you can just press enter and skip. Now you'll notice we have a\u00a0package.json<\/strong>\u00a0file that contains all the information we entered.<\/p>\npackage.json<\/div>\n\n{<\/span>\r\n \"name\"<\/span>:<\/span> \"node-test\"<\/span>,<\/span>\r\n \"version\"<\/span>:<\/span> \"1.0.0\"<\/span>,<\/span>\r\n \"description\"<\/span>:<\/span> \"Creating my first \\\"Hello, World!\\\" Node project.\"<\/span>,<\/span>\r\n \"main\"<\/span>:<\/span> \"index.js\"<\/span>,<\/span>\r\n \"scripts\"<\/span>:<\/span> {<\/span>\r\n \"test\"<\/span>:<\/span> \"echo \\\"Error: no test specified\\\" && exit 1\"<\/span>\r\n }<\/span>,<\/span>\r\n \"author\"<\/span>:<\/span> \"Tania Rascia\"<\/span>,<\/span>\r\n \"license\"<\/span>:<\/span> \"ISC\"<\/span>\r\n}<\/span><\/code><\/pre>\n<\/div>\nA\u00a0package.json<\/strong>\u00a0is a file that contains metadata about the project, and handles the dependencies (additional software and modules) of the project.<\/p>\nNow, we're going to install our first dependency - a very important and useful package called\u00a0left-pad<\/strong>, which will add white space to the left side of a string, adding up to a number.<\/p>\nFor example, writing this:<\/p>\n
\nleftPad<\/span>(<\/span>'String'<\/span>,<\/span> 10<\/span>)<\/span><\/code><\/pre>\n<\/div>\nWill output this:<\/p>\n
\nconsole<\/code><\/pre>\n<\/div>\n\nString<\/code><\/pre>\n<\/div>\nleft-pad<\/a>\u00a0is a package on npm, which as we stated previously contains the registry for all publicly available packages.<\/p>\nInstall dependencies<\/h3>\n
To install a dependency with npm, we use the command\u00a0npm install dependency-name-here<\/code>. Now, simply running\u00a0npm install<\/code>\u00a0will download the dependency, but it won't save it to the project. Since we've already created our\u00a0package.json<\/strong>, we'll use the flag\u00a0--save<\/code>\u00a0to install the dependency\u00a0and<\/em>\u00a0add it to\u00a0package.json<\/strong>.<\/p>\n\nnpm<\/span> install<\/span> left-pad --save<\/code><\/pre>\n<\/div>\nAs long as you ran this command inside the project directory, it will successfully install the dependency by creating a\u00a0node_modules<\/strong>\u00a0directory. It will also create a\u00a0package-lock.json<\/strong>\u00a0file, which we can ignore. Finally, it updated our\u00a0package.json<\/strong>\u00a0file with a new line.<\/p>\n\n\"dependencies\"<\/span>:<\/span> {<\/span>\r\n \"left-pad\"<\/span>:<\/span> \"^1.1.3\"<\/span>\r\n}<\/span><\/code><\/pre>\n<\/div>\nNow the project recognizes the left-pad dependency as existing<\/p>\n
You can also run\u00a0npm install --save-dev<\/code>\u00a0to specify that the dependency will only be used for development (not production) purposes.<\/p><\/blockquote>\nRun Node in the terminal<\/h3>\n
![\"linux\u73af\u5883node.js\u548cnpm](\"https:\/\/www.taniarascia.com\/static\/0999a65c5c9c2a2d7eff5cd1d5ec7b44\/a6d36\/Screen-Shot-2017-07-21-at-5.28.47-PM.png\" "\\"linux\u73af\u5883node.js\u548cnpm")
<\/a><\/span><\/p>\n