关于安装了vue-cli,vue既不是内部指令也不是外部指令

前提是使用npm,所以要安装node【最好,node自带npm】

安装完node之后,如果全局下载东西(例如 npm install -g @vue-cli),会被默认下载到C盘,默认路径为:【C:\Users\用户名\AppData\Roaming\npm,此文件夹默认是隐藏的,需要设置显示隐藏的文件夹,在"查看"菜单中勾选“隐藏的项目”】

所以我们需要修改全局模块路径和缓存路径

步骤:

1.全局模块(文件夹名:node_global)和缓存(文件夹名:node_cache)放在nodejs安装目录下:即在你的nodejs安装目录下创建两个文件夹:node_global和node_cache,在node_global文件夹下再建一个node_modules文件夹,配置环境变量用

 

 

 2.打开命令行窗口,分别输入以下两条指令

npm config set prefix "创建的node_global文件夹所在路径"

npm config set cache "创建的node_cache文件夹所在路径"

 

3.修改完毕后,再配置环境变量

  • 右键此电脑——>高级系统设置——>环境变量
    • 在系统变量中,新建,变量名:NODE_PATH 变量值:node_global文件夹下的node_modules文件夹。如:E:\develop\nodejs\node_global\node_modules
    • 修改用户变量中的Path变量,将默认的npm路径修改为新建的node_global路径

   以上我是参考博客:https://blog.csdn.net/Small_Yogurt/article/details/104968169  配置的

4.在命令行窗口输入命令npm install -g @vue-cli,成功下载并安装最新版vue-cli

5.使用vue --version查看版本,到这一步你就会遇到如标题一样的问题【反正我遇到了】

  解决办法:将第3步中的“在系统变量中,新建,变量名:NODE_PATH 变量值:node_global文件夹下的node_modules文件夹。”修改为”在系统变量的path变量中,添加变量值:vue.cmd的路径”一定是系统变量的path路径中,不然问题都不能解决

 

posted @ 2020-12-06 19:20  邱小嘤  阅读(917)  评论(2编辑  收藏  举报