Node.js和npm安装与答疑解惑

1,151 阅读5分钟

封面人物

热依扎

前言

本说明面向的是小白,初学者等,对node和npm都不了解的人看的。
大佬绕行,不用看的,废话贼多。
写作目的如下:
  • 为以后写其他文章,笔记,提供独立的安装说明
  • 初级科普,回答几个我还是web小学一年级时产生的疑惑
  • 回顾总结已知知识点
欢迎大佬,同僚们指出错误,我也同时学习了。笔芯~

问答

node.js是什么?

讲述node.js前世今生且字比较多的回答:(看完记得回来哈,别刷半天知乎)
Node.js是用来做什么的? - 厂长的回答 - 知乎 https://www.zhihu.com/question/33578075/answer/56951771
字比较少的回答:
JS呢,是个基于浏览器的解释型脚本语言。
通俗的来说就是:JS只能在浏览器里运行,因为浏览器里有个JS引擎负责解释运行JS代码。
当然浏览器里还有负责对html,css负责解析绘制的引擎。
而node.js是一个基于Chrome浏览器 V8(js)引擎的运行环境,能够使得javascript脱离浏览器运行。

node.js能干什么?

可以用来做服务器,也可以用来像批处理一样执行某些任务。
在前端开发里一般是用来执行编译 CSS 预编译语言、预编译、压缩、混淆 JS、压缩图片、reload、deploy 等工程化任务,常用的平台有 Grunt 和 Gulp。
现在最主流的应用是用来跑npm。。。——知乎用户 马泽依

npm是什么?

npm全称为Node Package Manager,是一个基于Node.js的包管理器,也是整个Node.js社区最流行、支持的第三方模块最多的包管理器。

Package又是什么?

包是描述一个文件或一个目录,举个最简单的例子,最常见的几个包,jQuery,Bootstrap,都可以理解为“包”。

为啥要管理Package(包)?它不听话吗?

如果你使用过Bootstrap话,你应该知道Bootstrap 的所有 JavaScript 插件都依赖 jQuery,所以在使用Bootstrap时候,不光要引入Bootstrap,还要引入jQuery。(没用过也没关系,你就知道这个B... Boostrap是个需要jQuery的库就行)

以往你要引用jQuery话,先要去官网下载xxxx.zip,然后解压缩,然后复制jQuery.js文件,粘贴进项目的目录,或者手动移动js依赖文件夹到项目依赖的文件路径下。
这个没有问题,我也这么干过,简单方便,没有什么难处,花不了两分钟。

但是!(但是之前的话毫无意义)
假设,你需要引入n个库,每个库有6到16个需要引入的依赖,而这些依赖中有些可能还依赖其他库。
这么一想,手动下载,引入,移动依赖文件也不是很累,就当练习鼠标的操作与实战了。。

闹哪!手动多累啊!这些依赖项,就不能跟活人一样,把自己需要的工具,依赖,汇报给工头,让工头安排一下吗?

安排!!!
包不是不听话了,而是太多了,手动管理太费鼠标和键盘了,所以npm出现了,它!就是工头,它负责下载,管理依赖,引入依赖。
以往你可能需要手动粘贴代码文件,但是这回npm包管理器帮你做了。
你只需要管理npm这个“工头”了。

npm是使用命令行操作,难不难?我有畏惧心理怎么办?

npm确实是用命令行操作,但是需要你敲的命令行不超过3条。再懒点就敲一条就行
npm install <package_name>
这条命令翻译成普通话就是:工头!(npm)给老子!(install)整一车砖!(<package_name>包名)。炒鸡简单有木有?!!

至于畏惧心理,怎么说呢?要说以前,我也有,害怕学不会,害怕太复杂,怕麻烦。
可是要说现在!哼哼~我依然有畏惧心理2333333..
人就是对未知充满恐惧,畏难,畏惧,畏艰。
可是前端这行,或者说大多数行业,不仅限于编程都是逆水行舟,不进则退,啃老本是啃不长的,想想老去的父母,想想牙牙学语的孩子,想想自己喜欢的东西,再想想你还没有女朋友(我还没有女朋友....难受....)。
这一切的一切都需要你努力提高自己,万事开头难!先从这一步开始吧!

安装Node.js

第一步:点开Node.js机翻中文官网

Windows访问为Windows(x64)版本
Mac访问为macOS(x64)版本
点击长期支持版进行下载,会弹出下载窗体让你选择存放位置,随便放,我都是安装完就删了。

第二步:安装Node.js

以下安装步骤基于Windows环境。

双击下载文件

弹出安装向导,点Next。

然后同意,下一步就完事了

选择安装路径,这个默认安装就好。下一步。

选 “Add to PATH ”,下一步,它会将Node.js,npm, 在全局初始化,并将其添加到环境变量中。

点击 “Install”直接初始化,然后等着,可能会弹出更改询问,同意就行。

安装完毕如下图

第三步:验证安装结果

在Windows下(没办法,我用的win10,苹果买不起)win键(视窗键)+ R键 呼出运行,输入"cmd"回车,调出命令行工具。

依次输入如下命令,回车查看版本号。
node -v  
npm -v
如果是按照如上安装顺序的话,会出现如下结果,表明安装成功。


结语

完事了,没了。
如果不看问答的话,从安装到输出版本号,也就5分钟搞定吧。
再回顾一下我开头说的目标:
  • 为以后写其他文章,笔记,提供独立的安装说明
  • 初级科普,回答几个我还是web小学一年级时产生的疑惑
  • 回顾总结已知知识点
除了没啥知识点,前两条目的达到了。给自己一个涌抱~
love&peace
-end-

对于好奇心贼重的小伙伴,提供了以下本文参考资料和扩展阅读:
javascript——什么是解释型语言?--通俗易懂,扫盲必备
初识npm--虽然有npm官网介绍,但是我感觉官网的说的不太像是人话,不适合新手阅读。
安装Node.js和npm--廖雪峰的教程