从零到一nvm、npm、cnpm、yarn、vue全套安装和环境配置以及创建新项目和如何运行人家的项目大全，最详细，保姆级

nvm、npm、cnpm、yarn、vue之间的关系

1. NVM（Node Version Manager）：NVM 是一个 Node.js 版本管理器，允许您在同一台计算机上同时安装和管理多个 Node.js 版本。这对于不同的项目可能需要不同版本的 Node.js 环境来运行非常有用。

2. NPM（Node Package Manager）：NPM 是 Node.js 的默认包管理工具，用于安装、共享和管理 JavaScript 包。通过 NPM，您可以轻松地安装各种第三方库、工具和框架，以及管理项目的依赖关系。

3. CNPM（China NPM）：CNPM 是一个淘宝定制的 NPM 镜像，旨在解决国内开发者使用 NPM 安装包时速度较慢的问题。它是一个 NPM 的镜像站点，从淘宝提供的服务器上获取包，因此在国内使用 CNPM 安装包通常比直接使用 NPM 快速。

4. Yarn：Yarn 是 Facebook 开发的另一个 JavaScript 包管理工具，旨在解决 NPM 的一些性能和安全性问题。Yarn 使用与 NPM 相同的包管理器，但它在性能和稳定性方面有一些改进，并引入了一些新的功能，如离线模式和版本锁定。

5. Vue：Vue.js 是一个流行的 JavaScript 框架，用于构建用户界面。它被设计为渐进式的框架，可以轻松地与现有项目集成。Vue.js 提供了一套灵活的工具和组件，使开发者能够快速构建交互式的前端应用程序。

联系：

• NPM、CNPM 和 Yarn 都是用来管理 JavaScript 包的工具，它们可以安装、更新和管理 JavaScript 包及其依赖关系。
• NVM 主要用于管理和切换 Node.js 版本，可以与任何包管理器（如 NPM、CNPM 或 Yarn）一起使用。
• Vue.js 是一个 JavaScript 框架，可以使用 NPM、CNPM、Yarn 等工具来安装和管理 Vue.js 相关的依赖。

NVM

1.下载

下载地址：Releases · coreybutler/nvm-windows · GitHub  可能需要开启魔法

划到下面。找到如图所示的文件下载即可2. 

 2.安装（要记住安装的路径）

基本一键默认即可，你要修改路径也可以，但不建议

下载好后输入以下命令，如果出现版本号即成功安装

3.配置信息 

根据之前下载的路径进入到setting文件配置以下信息

node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/

 4.环境变量

通常已经设置好了，如果没有的话可以自己按照着添加

Nodejs

1.下载

通过命令

nvm install <对应的版本>

2.使用

nvm user <对应的版本>

3.配置全局依赖 

进入到nvm的安装路径，在下载好的node的版本里找到node_modules然后创建以下两个目录

然后再去到环境变量里的PATH 里面创建一个新的环境变量，路径是node_global这个文件的路径

 

 NPM配置

1.查看配置

npm config ls

2.配置对应路径

分别按照以下命令进行配置

npm config set prefix "C:\Program Files\nodejs\node_modules\node_global"

npm config set cache "C:\Program Files\nodejs\node_modules\node_cache"

registry=https://registry.npm.taobao.org

下载cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.or

下载yarn

1.安装yarn工具

npm install -g yarn

2.配置文件

yarn config get registry 获取当前镜像源

yarn config set registry http://registry.npm.taobao.org/ 设置淘宝镜像源 

下载vue

1.下载

npm install -g @vue/cli  或者 yarn global add @vue/cli

这里我是采用的npm命令

2.环境变量配置

 前面已经配置过npm的其实已经算是也把vue配置好了但如果还是显示命令不存在可以看以下步骤

1.找到vue存在的路径

 新建一个NPM_HOME，复制进去

 然后在Path里再配置以下的信息

vue -V查看配置信息 

 

小提示：用vue创建项目或者用npm初始化项目的时候的报错可以换cnpm尝试

如何在运行人家的vue项目

1.删除文件

通常人家编译好的项目是会已经有了node_modules和一个package-lock.json文件，package-lock.json记录了整个node_moudles文件夹的树状结构因此如果不删除的话容易导致npm版本不一致

2. 在项目终端运行cmd窗口

 

 3.清除npm缓存

npm cache clean -force

4.按照自己的npm重新安装依赖

npm install

5.运行项目 

npm run serve