【无标题】脚手架相关

最新推荐文章于 2024-03-01 15:40:26 发布

一本正经的柠檬

最新推荐文章于 2024-03-01 15:40:26 发布

阅读量679

点赞数 12

文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/weixin_44292241/article/details/135011828

版权

这篇博客主要介绍了在遇到'vue'命令不是内部或外部命令时的解决办法，包括详细的过程和步骤。首先，博主尝试了重装cnpm和vue，但问题仍然存在。随后，博主选择卸载并重新安装nvm、node.js以及vue，通过nvm管理不同版本的node，如18.16.0、16.13.0和14.17.0。在安装过程中，强调了配置nvm、全局路径、npm镜像以及安装@vue/cli的重要性，确保vue命令可以正常使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

报错1：'vue' 不是内部或外部命令，也不是可运行的程序或批处理文件。

1. 过程

        全局安装了node npm vue cnpm等工具
      又安装了nvm 管理node，并下载了很多node
      然后出现了无法使用vue命令的情况
    一直报“'vue' 不是内部或外部命令，也不是可运行的程序”

处理方式一：

重装cnpm、vue。
依然报上述问题

处理方式二：

        卸载所有node npm vue cnpm等工具，包括全局和nvm管理的
        再卸载nvm
        最后重装nvm，重装node 重装vue

node常用版本

        18.16.0 (Currently using 64-bit executable)
        16.13.0
        14.17.0
        11.0.0

2. 步骤：

2.1 卸载

1. 卸载node：系统界面卸载、删除C:\Program Files\nodejs文件

2. 卸载nvm：删除根目录，删除环境变量

3. 卸载npm：直接删除根目录文件(不知道删除干净没)

4. 安装nvm(只需要重选安装路径)

5. 打开nvm根目录下的setting.txt，修改内容

                    root: D:\work\app\nvm\nvm
                path: D:\work\app\nvm\nodejs
                node_mirror: https://npm.taobao.org/mirrors/node/
                npm_mirror: https://npm.taobao.org/mirrors/npm/

2.2 安装

6. cmd => nvm list available - 查看可安装的node版本

7. nvm install 16.13.0 (安装node)

8. npm install vue -g (安装vue.js)

9. npm list vue (查看vue版本)

10. npm list vue (安装webpack模板)

11. npm install @vue/cli –g (安装脚手架)

                npm uninstall vue-cli -g (卸载2.x版本)
                npm uninstall @vue/cli -g (卸载3.x版本)
                npm install @vue/cli –g (安装新版脚手架)

2.3 配置

12. npm config list (输入命令找到npm 的配置路径)

13. 查看此路径下有没有vue.cmd

                prefix = "C:\\Users\\lyf\\AppData\\Roaming\\nvm\\node_global"
                        如果没有：npm install -g vue-cli或者重复第11条
                        如果有：
                          “我的电脑” - 属性 - 高级系统设置 - 环境变量
                        找到path点击编辑，新建，复制vue.cmd所在的路径