小白VUE安装时遇到的那些坑!vue不是内部命令,安装@vue/cli失败,找不到vue.cmd等等

对于我这种小白来说,安装个vue全局就绕了好几天。查阅API和不少vue全局安装的文档,各种尝试各种失败。使用webStorm创建vue项目时还是显示各种vue-cli的错误。终于这篇文章拯救了我,成功安装上了vue-cli,可以通过CLI来创建vue了!激动
链接附上:
我看的文章:https://www.jianshu.com/p/5ab787e9d6f5
我看的文章所引用的原文:https://blog.csdn.net/httguangtt/article/details/86539509
以下是我结合以上文章的总结~下次安装就得心应手了!
1、cmd命令:-v查看版本,安装完后看vue-cli版本v要大写
2、node,npm要配到环境变量
npm:集成在node里的包管理器
cnpm:npm的国内镜像
3、不一定要用gitBash来下载,直接cmd命令控制台也能下载
4、cnpm下载前面还是要加上npm全局下载的语句
5、i 是install的简写,下载的意思;-g是将模块安装到全局
具体安装步骤:
1、安装node。官网下载就行,然后将node目录配置到环境变量
官网链接:https://nodejs.org/en/
安装node没什么要注意的,直接按步安装就行
此电脑鼠标右键-》属性-》高级系统设置-》环境变量-》Path-》编辑-》新建-》node下载的地址-》确定
安装完之后node -v 查看版本,有就表示安装成功啦
–我的安装目录是F盘下的nodejs文件夹:F:\nodejs
–没有自定义安装的目录一般在:C:\Program Files\nodejs
小白VUE安装时遇到的那些坑!vue不是内部命令,安装@vue/cli失败,找不到vue.cmd等等
小白VUE安装时遇到的那些坑!vue不是内部命令,安装@vue/cli失败,找不到vue.cmd等等
小白VUE安装时遇到的那些坑!vue不是内部命令,安装@vue/cli失败,找不到vue.cmd等等
2、安装npm,配置npm到环境变量,与上一步类似,但这里有个要注意的。
有的文章是自己在别的盘创建文件夹node_cache和node_global,然后将npm全局下载进去,自己设置前缀后缀,到环境变量里弄得是自己的文件夹,这个我试过了,不行。之后命令npm config get prefix得到的就是这个不行的前缀了…大家按默认的来会好点,步骤如下:
1)npm config get prefix-》得到npm所在位置
2)配置环境变量,在Path中加入npm的地址
小白VUE安装时遇到的那些坑!vue不是内部命令,安装@vue/cli失败,找不到vue.cmd等等
小白VUE安装时遇到的那些坑!vue不是内部命令,安装@vue/cli失败,找不到vue.cmd等等
或者新建变量NPM,然后再Path里添加%NPM%
3、安装cnpm(淘宝镜像)
npm install -g cnpm --registry=https://registry.npm.taobao.org
4、安装vue-cli,在cmd执行以下命令
npm i npm -g
npm i @vue/cli -g
cnpm i @vue/cli -g
出现All packages installed (…)表明安装成功。
vue -V查看版本,没报错,安装成功。
小白VUE安装时遇到的那些坑!vue不是内部命令,安装@vue/cli失败,找不到vue.cmd等等
5、最后通过命令台来打开vue图形化界面开始vue之旅吧!
vue ui
小白VUE安装时遇到的那些坑!vue不是内部命令,安装@vue/cli失败,找不到vue.cmd等等
小白VUE安装时遇到的那些坑!vue不是内部命令,安装@vue/cli失败,找不到vue.cmd等等