前端开发环境（nvm、node、cnpm、yarn）安装

目录

1、NVM安装

2、NodeJs安装

NPM介绍

3、CNPM安装

4、YARN安装

5、VUE全局安装

---

目前市面上前端开发都不可避免的依赖node进行开发，但是不同项目运用的node开发版本不同，协同开发上会遇到许多不兼容的问题，所以这里介绍一下前端开发环境的部署流程。

1、NVM安装

nvm是一个node版本控制工具，可以安装不同版本的nodejs开发，而不影响到另一个项目的开发环境，有点类似于git开发的分支管理，安装地址：

https://github.com/coreybutler/nvm-windows/releases

这里说明一下，安装nvm之前，先卸载本地nodejs，避免造成冲突，卸载前创建记事本记录本地项目目前依赖的各种主流框架版本，比如node,npm，cnpm，yarn，vue等等,这样安装完nvm后，可以快速还原到你当前的项目开发运行环境

安装完后，在本地命令行窗口查看是否安装成功

,安装完后，查看网络可安装的node版本

nvm list available

nvm安装node的命令

nvm install 版本号，比如

nvm install 12.16.2

2、NodeJs安装

查看本地nodejs有哪些版本，以及所用node，可以使用命令

nvm ls

或者node -v

如果需要卸载node版本的话

nvm uninstall 版本号

NPM介绍

npm是nodejs的包管理工具，所以安装node后，本地都会有一个npm的版本，但是项目开发时，使用npm安装依赖时会很慢，因为有许多依赖文件的安装地址与本地网络相距甚远，所以需要安装淘宝镜像或者yarn,

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

3、CNPM安装

查看cnpm安装是否成功

cnpm -v

4、YARN安装

npm install -g yarn

查看版本：

yarn --version

Yarn 淘宝源安装，分别复制粘贴以下代码行到命令号窗口运行即可

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

yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g

5、VUE全局安装

我这里是安装一个vue3.0的测试开发环境，所以我的vue安装指令是

cnpm install -g @vue/cli@next

若你不是的话，则安装vue3.0前的vue脚手架

cnpm install -g @vue/cli@3.x.x

后面的@3.x.x是cli脚手架的版本号，你也可以不写，那么将会安装最新的vue-cli脚手架，目前最新的是4.x

的版本,安装最新的cli脚手架是支持vue3的,这是官方的介绍说明