2021-12-15
一、Nodejs是什么?做什么?
Node.js发布于2009年5月,由Ryan Dahl开发,是一个基于Chrome V8引擎的JavaScript运行环境,使用了一个事件驱动、非阻塞式I/O模型,让JavaScript 运行在服务端的开发平台,它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言。
Node.js对一些特殊用例进行优化,提供替代的API,使得V8在非浏览器环境下运行得更好,V8引擎执行Javascript的速度非常快,性能非常好,基于Chrome JavaScript运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。
二、下载安装NodeJS
2.1 下载nodejs
nodejs 中文官网下载: http://nodejs.cn/download/
nodejs 英文官网下载: https://nodejs.org/en/download/
2.2 安装nodejs
2.3 测试nodejs
安装好nodejs后,包含node 和 npm(包管理工具), 还有其他的包管理工具例如:(Yarn是由Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具 ,正如官方文档中写的,Yarn 是为了弥补 npm 的一些缺陷而出现的)
NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:
- 允许用户从NPM服务器下载别人编写的第三方包到本地使用。
- 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
- 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。
我们可以通过命令行输入以下命令进行测试:
node -v
npm -v
三、更换源
有很多方法来配置npm的registry地址,下面根据不同情境列出几种比较常用的方法。以淘宝npm镜像举例:
3.1 国内优秀npm镜像
淘宝npm镜像
- 搜索地址:http://npm.taobao.org/
- registry地址:http://registry.npm.taobao.org/
cnpmjs镜像
- 搜索地址:http://cnpmjs.org/
- registry地址:http://r.cnpmjs.org/
有三种指定使用源的方法:
3.2 npm临时使用
npm --registry https://registry.npm.taobao.org install express
3.3 npm持久使用更换源
显示当前的镜像网址:
1
|
npm get registry |
显示:https://registry.npmjs.org/
更换淘宝的镜像网址:
1
|
npm config set registry http: //registry.npm.taobao.org |
再次查看当前镜像:
1
|
npm get registry |
显示:http://registry.npm.taobao.org/
更换成功!
接着直接下载第三方包:
3.4 通过下载cnpm更换源
npm install -g cnpm –registry=https://registry.npm.taobao.org
// 使用cnpm install expresstall express
四、npm的两种安装方式及其默认安装目录
4.1 两种安装方式
我们都知道,npm的安装方式有两种,分为全局安装和局部安装。顾名思义:全局安装就是在任何文件夹都可运行,其实原理也就是写进环境变量,每次在命令行中敲入命令时,根据环境变量的设置寻找对应的可执行程序运行。
npm install -g <package_name>
局部安装就是在当前项目中建立包,在当前项目中起作用
npm install <package_name>
4.2 包的默认安装路径
局部安装
当选择项目局部安装包时,默认的安装路径为项目根目录文件夹node_modules。
全局安装
当选择全局安装时,默认的安装路径为C:\Users\xxx\AppData\Roaming\npm,缓存路径为C:\Users\xxx\AppData\Roaming\npm_cache,其中xxx根据自己是自己系统的用户名。
五、npm修改全局包安装路径(根据情况选择是否修改)
其实就很简单,npm给了我们配置的方法,可以通过命令行的方式
npm config set prefix "E:/Developer/nodejs/npm_global" npm config set cache "E:/Developer/nodejs/npm_cache"
当然了,不一定得是这个路径,但必须是相同的文件名。配置成功后,可以查看一下是否配置成功
npm config ls
接下来,我们试一下,安装一个全局包,例如vue-cli
npm install vue-cli -g
安装过后,我们到npm_global目录下的node_modules看一下,已经安装成功,事实上这就是全局包的安装路径。
然后我们开始尝试在命令行用上vue-cli
vue init webpack demo
可是却出了错:vue command not found 。原因很简单,就是我们修改了路径,环境变量却还没配置,所以系统找不到可执行程序。打开环境变量配置,在系统变量中新增NODE_PATH,变量值为设置的安装路径下的node_modules:
设置用户变量中path,新增一个值
然后就可以愉快的将全局包不安装在C盘了。
参考:
npm换源:
NPM换源:https://www.jianshu.com/p/0deb70e6f395
npm修改全局包安装路径: https://www.cnblogs.com/itfky/p/13730624.html