【零基础小白的华丽蜕变】Nodejs（内置npm）下载及安装

 
人若有志，万事可为！（放弃了，你就是笑话一段。）

 

---

1. Nodejs下载及安装

点击进入Nodejs官网下载

选择 Windows Installer 进行下载，可以看到当前最稳定的版本为：node-v14.16.0
并且包含了 npm：npm 6.14.11

等待下载完毕，双击进行安装，下一步

勾选同意，下一步

选择安装路径，我改成了D盘

默认即可，下一步

【可选】自动安装必要的工具，下一步

开始安装

等待安装完成

安装完毕

查看是否安装成功：输入node -v 和 npm -v ，出现正确的版本号就成功了！

 

---

2. 配置Nodejs环境

npm install 默认会安装到C:\Users\Administrator\AppData\Roaming下，如果不修改npm的模块安装目录，那么它默认情况下都会安装到这里，随着你测试开发各种不同的项目，安装的模块越来越多，那么这个文件夹的体积会越来越大，直到占满你的C盘。

• 在D盘nodejs目录下创建两个目录，分别是node_cache和node_global，这是用来放安装过程的缓存文件以及最终的模块配置位置。

• 配置全局模块存放路径：npm config set prefix "D:\Program Files\nodejs\node_global"
  配置缓存存放路径：npm config set cache "D:\Program Files\nodejs\node_cache"
  查看当前全局目录：npm config get prefix
  查看当前缓存目录：npm config get cache

• 修改系统环境变量Path
  因为我们指定了全局模块的存放位置，所以要修改Path，不然还是会去安装主目录中找，找不到就会报错：不是内部命令。

 ;D:\Program Files\nodejs\node_global -- 粘贴在【PATH】变量尾部

• windows+R 打开【运行】 → 输入node回车，再输入require('cluster')，如果能正常输出cluster模块的信息，说明配置生效了！！！

 

---

3. 配置Nodejs镜像（可选）

淘宝团队做的国内镜像，因为npm的服务器位于国外可能会影响安装。淘宝镜像与官方同步频率目前为 10分钟 一次以保证尽量与官方服务同步。

• 配置淘宝镜像：npm config set registry https://registry.npm.taobao.org
• 官方地址为：https://registry.npmjs.org
• 查看当前地址：npm config get registry

 

---

4. npm限定符

• -g：全局安装。 默认会安装在C：\ Users \ Administrator \ AppData \ Roaming \ npm，并且写入系统环境变量，可以通过命令行任何地方调用它；
  本地（非全局）安装：将会安装在当前定位目录的node_modules文件夹下，通过要求调用。
• -S：即npm install module_name --save,写入package.json的dependencies ，dependencies 是需要发布到生产环境的，比如jq，vue全家桶，ele-ui等ui框架这些项目运行时必须使用到的插件就需要放到dependencies。
• -D：即npm install module_name --save-dev,写入package.json的devDependencies，devDependencies 里面的插件只用于开发环境，不用于生产环境。比如一些babel编译功能的插件、webpack打包插件就是开发时候的需要，真正程序打包跑起来并不需要的一些插件。

 

---

5. npm常用命令

命令	说明
npm help -l	查看所有命令
npm -v	查看当前版本号
npm -install	安装插件
npm list	查看当前目录已安装插件
npm update [ --save-dev ]	更新全部插件
npm update [ -g ] [ --save-dev]	更新对应插件
npm uninstall [ -g ] [ --save-dev ]	卸载插件

 

---

6. Nodejs+npm创建一个简单的小案例

• express_demo.js

var express = require('express');
var app = express();

app.get('/', function(req, res) {
        res.send('IT God Road');
})

var server = app.listen(8081, function() {
        var host = server.address().address
        var port = server.address().port

        console.log("Application Demo, visit http://%s:%s", host, port)
})

• cmd

// 切换到工作目录
cd /d D:\ExpressDemo
// 进行初始化
npm init -g
// 安装Web框架express
npm install express -g
// 执行js文件
node express_demo.js

• 浏览器输入localhost:8081

 

---

7. Nodejs 卸载

• 控制面板-程序-程序和功能中卸载

• 寻找这些文件夹并删除它们（及其内容）
  C:\Program Files (x86)\Nodejs
  C:\Program Files\Nodejs
  C:\Users\Administrator\AppData\Roaming\npm
  C:\Users\Administrator\AppData\Roaming\npm-cache
• 删除环境变量Path中Nodejs的相关内容

 

---

【每日一面】

node.js和npm的关系

node.js 对Chrome V8引擎进行了封装，是一个Javascript运行环境(runtime environment)。使得 JavaScript 可以运行在服务端的开发平台上。
npm Node Package Manager 包管理工具，有一个远程代码仓库（registry），里面存放所有需要被共享的js代码，每个js文件都有自己唯一标识。和maven十分相似，只不过maven是用来管理java jar包的，而npm是用来管理js的。
node.js中含有npm，一个是运行环境，一个是管理工具