【vue】在windows中搭建vue开发环境（全网最详细）

前言

目前前端三大框架（vue、react、angular）中vue是前端工程师经常使用的，在使用之前需要搭建vue开发环境，闲话少说，接下来咱们一起操作起来吧

环境

系统：Windows

运行时：node.js

搭建步骤 

一、安装nodejs

1、下载并安装node.js

在浏览器中打开nodejs官网https://nodejs.org/zh-cn/ ，选择需要的版本直接点击即可下载

下载后双击，在弹出的对话框中，点击“运行”

然后就是一系列的“下一步”

注意红色框所需内容

点击“安装”

可选：安装完成后会弹出如下控制台窗口（如果不需要安装Python和相关工具，可以直接关闭）

二、检查nodejs是否安装成功

打开cmd，输入命令 node -v, 如果看到了刚才下载的版本号，则表示已经安装成功

三、安装cnpm

虽然nodejs自带npm，但是在国内由于网速的限制可能下载一些组件包会比较慢，所以可以根据自身情况安装并使用淘宝cnpm镜像（国内使用下载速度比较快）

在cmd中运行命令

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

安装完成后，可以输入 cnpm -v进行查看

四、安装vue-cli (vue脚手架)

下面重点来了，通过cnpm全局安装vue脚手架，运行命令

cnpm install --global vue-cli

五、检查vue脚手架是否安装成功

激动人心的时刻到了，操作了这么久，终于可以验证成果了，来吧

在cmd中输入vue -V （注意：V是大写V），如果出现版本号，那么恭喜你

至此，vue开发环境就搭建好了，那咱们就一起来创建第一个vue项目吧

请参考【vue】创建第一个vue+element ui项目（全网最详细）