前端学习中遇到的一些坑（一）搭建npm+vue-cli环境

1、下载安装Node.js

下载地址：https://nodejs.org/en/download/ ，选择合适自己的版本下载即可。

傻瓜式安装，一直下一步即可，安装Node.js会默认安装npm（包管理工具）。

2、启用cmd

按下Windows+R，在打开的“运行”程序窗口，输入“cmd”，并按下回车键，即可打开系统自带的命令提示符。
　　
3、安装cnpm

npm是Node.js提供的包管理工具，因为npm安装插件是从国外服务器下载，受网络影响大，可能出现异常，我们可以用淘宝 npm 镜像cnpm代替默认的 npm。
　　命令为：npm install -g cnpm -registry=https://registry.npm.taobao.org

4、查看cnpm是否真安装成功 cnpm -v

出现cnpm为外部命令无法识别是因为没配置环境变量

5、安装vue-cli

使用cnpm全局安装vue-cli,在cmd中输入一下命令（注：“-g”这个参数意思是全局安装)

命令：cnpm install –g vue-cli

vue-cli为外部命令无法识别时是因为没有配置环境变量

6、运行vue-cli搭建项目
命令：vue ui