今日从零开始,搭建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 大功告成!