命令行,npm,yarn,nvm

本文介绍了DOS命令行及其在npm管理中的作用,讲解了npm和yarn的区别及安装方法,包括全局安装、局部安装、参数使用等。还提到了cnpm和nrm作为npm的加速和源切换工具,以及nvm用于管理不同版本的Node.js。最后,文章以Vue为例展示了前端开发环境的配置过程。
摘要由CSDN通过智能技术生成

命令行DOS

DOS是Disk Operating System(磁盘操作系统)的缩写,是面向磁盘的软件,DOS主要用于给机器下达命令的集合,是存储在操作系统的指令集。命令行就是在DOS中书写的,用于人直接控制操作系统。

今天在学习npm的时候遇到一个问题就是命令行到底是如何工作的呢?

我们知道DOS是人直接控制操作系统。那么我们平常应用是由什么打开的呢?答案是操作系统。我们平常点击图标就是对操作系统下达打开这个进程的命令。当然我们也可以通过手动的方式打开一个应用或者进程,就是利用DOS,就是下面这个黑框框。

我们想要打开一个应用,只要在对应的目录下,例如a.exe

就在DOS中用a arg1 arg2 ...后面跟的都是参数,传给进程的main()函数。

再回到我们npm的问题上去。

npm -g

-g 就是--global的简写,意思是全局本地安装。就是说你在任何一个目录下都可以打开这个进程,使用这个进程的命令,例如我们全局安装了npm之后就可以全局使用npm了。

给一个例子,比如说利用npm安装yarn

我们会利用npm install yarn -g的命令。

接下来我们就可以在全局中使用yarn命令了。npm就相当于启用npm这个进程的服务。-g是参数。

再来说说npm -D, npm -S

npm i xx -D是npm install xx --save -dev的缩写,意思是将模块进行局部安装,模块写在devDependencies中。局部安装就是针对当前的项目,安装在node_modules文件夹下,这是我们开发的时候需要用到的包,在发布阶段不需要,是帮我们打包代码用的。

npm i xx -S是npm install xx --save的缩写,也是局部安装,模块写在dependencies中,这个是需要放在生产环境中的。

说了这么多,也没说npm是干啥的?

包管理工具

npm, yarn是包管理工具,是用来管理包的,开发人员可以将写好的框架,库发布在npm上,使用的时候可以方便的通过npm来下载。npm就是 node plugins manager的缩写。比如说我们用到的bable啊什么的都是通过npm来管理的。

yarn

yarn是npm的替代品,具有npm更好的性能。

使用npm install yarn -g即可全局安装

有人可能会问了yarn相对于npm的优势在哪里?

1.npm install很慢,新项目要进行npm install下载依赖需要很长的时间

1.同一个项目无法保持一致性

yarn则不一样

1.yarn采用并行安装的方式,npm是同步安装,但是yarn是异步安装。所以yarn下载包的速度很快,因为不用等待前面的包的下载,可以并行下载。

2.yarn可以用离线下载的模式,如果以前下载过一个包,那么再次下载yarn就会从缓存中下载,而不是像npm一样从网络上下载

3.安装的版本统一,yarn的lock file文件可以保证每一次install的时候都安装的是同一个模块

4.yarn更加简洁

5.多注册来源处理,不管被不同的库关联引用多少次,安装这个包的时候只会从一个注册源去安装

6.更好的语义化

ynpm和yarn的区别,我们该如何选择? - 简书 (jianshu.com) 

以上关于npm和yarn的区别来自以上网址。伟大的开源精神

npm和cnpm

cnpm是淘宝的镜像,提供更高速度的下载,其余和npm没有区别。

cnpm+yarn速度快到飞起。

nrm

nrm允许我们在npm源之间进行切换。比如说淘宝源什么的,其实直接cnpm,tnpm更方便哈哈。它还可以进行速度的测试,经过测试,淘宝源确实很快。

接下来带大家配置一下我们前端的开发环境

首先是要安装node.js

如果是node已经安装过的人呢,我们可以在控制面版中将其卸载,然后在官网下载稳定的版本即可,然后我们就可以直接使用node命令了。

node -v

查看版本,有版本号的话证明配置成功。

关于node环境变量的配置主要是配置安装全局模块所在的路径以及缓存cache所在的路径。

具体的可以去看

(32条消息) nodejs安装与环境变量配置_禅思院-CSDN博客_nodejs配置环境变量

非常详细啊,一般来说都不需要配置的。

然后我们以vue为例进行配置。

使用

yarn global add @vue/cli的命令进行拉取。

拉去之前我们可以将yarn的源改为淘宝的镜像。

yarn config set registry https://registry.npm.taobao.org/

想要修改为官方源的话使用

yarn config set registry https://registry.yarnpkg.com

查看当前源使用

yarn config get registry

临时修改yarn源

yarn save package_name --registry https://registry.npm.taobao.org/

然后我们就可以进行拉取了

之后呢就是进行IDE的下载。

这里推荐使用vsCode,因为有丰富的插件供大家使用。

这样的话其实我们已经搭建好前端开发的环境了,是不是很简单呢?

然后还有一个没说就是nvm

nvm

nvm是我们管理node版本的工具,因为我们有很多项目会用到不同的node版本。

下载就在github上找到(这里以windows为例)nvm-windows找到nvm-setup.zip进行下载一步步的就完成啦,记得一定要重启电脑啊,因为它会更改环境变量。

反正这些东西大家了解会用,大概了解原理就行,不懂直接百度,命令忘记了百度就行。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值