命令行，npm，yarn，nvm

命令行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进行下载一步步的就完成啦，记得一定要重启电脑啊，因为它会更改环境变量。

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