WEB前端开发NodeJS

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镜像

cnpmjs镜像

有三种指定使用源的方法:

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

原文地址:https://www.cnblogs.com/zhangchao0515/p/15693503.html