Vue学习--踩坑集锦之转换vue执行目录

修改vue运行目录

前提描述

之前安装过vue cli，是3.9.3版本的，今天打算修改node.js默认的npm安装目录，把新的安装到修改后的这个目录里

和别人一样打开cmd

查看配置

>npm config ls

在自己想放置的目录下，建立了”node_gobal”和”node_cache”两个文件夹，我是放在了nodejs的安装目录下

执行以下命令修改全局安装位置

npm config set prefix "d:\nodejs\node_gobal"

npm config set cache "d:\nodejs\node_cache"

执行npm config ls查看修改情况，完成。

执行npm install -g express进行测试，也没有问题，express安装成功，出现在了D:\nodejs\node_global\node_modules目录的下面，很好

现在安装vue cli

npm install -g @vue/cli

（其实中间有插曲，是提示安装错误，缺这缺那的，说是少某个目录，我是全局安装一个rxjs就解决了）

安装成功

执行vue -V 看一下吧，还是3.9.3，看样子默认执行的目录不是我的指定默认安装路径啊

看一下C:\Users\Administrator\AppData\Roaming\npm下的vue.cmd，用记事本打开

@IF EXIST "%~dp0\node.exe" (
  "%~dp0\node.exe"  "%~dp0\node_modules\@vue\cli\bin\vue.js" %*
) ELSE (
  @SETLOCAL
  @SET PATHEXT=%PATHEXT:;.JS;=;%
  node  "%~dp0\node_modules\@vue\cli\bin\vue.js" %*
)

看样子是载入的路径有问题，那就修改一下

改成我想要的，保持关闭

@IF EXIST "%~dp0\node.exe" (
  "%~dp0\node.exe"  "D:\nodejs\node_global\node_modules\@vue\cli\bin\vue.js" %*
) ELSE (
  @SETLOCAL
  @SET PATHEXT=%PATHEXT:;.JS;=;%
  node  "D:\nodejs\node_global\node_modules\@vue\cli\bin\vue.js" %*
)

再次执行vue -V

成功

这个方法我感觉是笨方法，应该有更加直接的办法，欢迎大师指点