vue-cli搭建之[环境变量][path]真解

今日从零开始，搭建nodejs+npm+cnpm+vue+vue-cli。

因之前对环境变量的概念定义不明确，每次配置只是知其然不知其所以然——照搬。

经常遇到问题：

'node' 不是内部或外部命令，也不是可运行的程序
'vue' 不是内部或外部命令，也不是可运行的程序

原因则是环境变量配置错误。

上图：

用户变量只针对当前用户，系统变量针对所有用户，国内基本上都是一人一台电脑，所以直接配置系统变量即可，nodejs自动添加的用户变量可以直接删除。

环境变量 path 的配置：

path最终指向的是一个可执行文件所在的路径，当你在cmd控制台输入：

node -v
npm -v
cnpm -v
vue --version

这时，cmd控制台会到 环境变量 path 里所指向的路径中遍历寻找 node.cmd、npm.cmd、cnpm.cmd，vue.cmd 这些文件，以此执行后续操作。

也就是说，环境变量path配置的最终目的为：找到对应的cmd可执行文件。

掌握这一点，就可以灵活的根据你自己定义的安装包位置、全局安装的位置，来配置环境变量了，再也不需要看网上乱七八糟的教程了~~~

归纳教程：

1.官网安装 nodejs（安装成功后自带npm）
2.修改npm全局安装位置（默认为C盘系统盘）（直接修改文件：npmrc ）
3.配置node/npm 环境变量
4.安装cnpm(-g)配置环境变量
5.使用cnpm安装 vue/vue-cli(-g) 配置环境变量(实际上和cnpm处于同一路径，不用再次配置了)
6. node -v    npm -v      cnpm -v     vue --version
大功告成！