Ubuntu 安装@vue/cli错误分析及解决

问题描述

通过官方指令

npm install -g @vue/cli

安装vue脚手架提示：

No command ‘vue’ found, did you mean:
Command ‘vpe’ from package ‘texlive-latex-extra’ (universe)
vue: command not found

如下图所示：

解决方案

（1）尝试了网上很多关于建立软连接的方式
（2）尝试过 whereis vue 建立软连接的方式，但是本虚拟机 输出结果： vue:

root@ubuntu: whereis vue
root@ubuntu: vue:

这种方案未能解决所遇到的问题。

（3）方案三
第一步： 在任意位置输入指令

root@ubuntu: mkdir ~/.npm-global

第二步：在任意位置 输入

root@ubuntu: npm config set prefix '~/.npm-global'

第三步： 在 ~/.profile 文件中追加

export PATH=~/.npm-global/bin:$PATH
// 这一步可能会存在疑惑，具体在哪里操作

本人尝试在   ~/.profile中的倒数第二行追加，具体操作如下

root@ubuntu: vim ~/.profile


if [ "$BASH" ]; then
  if [ -f ~/.bashrc ]; then
    . ~/.bashrc
  fi
fi

export PATH=~/.npm-global/bin:$PATH

mesg n || true

第四步：更新系统变量

root@ubuntu: source ~/.profile

第五步：

 npm install -g jshint

再次运行 vue --version，已经显示成功安装

@vue/cli 4.2.3

参考

https://www.cnblogs.com/JerryXin/p/11685075.html

**

但是再次打开新的终端窗口，输入 vue 命令，依旧提示 command not found，怎么解决呢？

**

个人思路

（0）再次运行一下方案三
（1）安装cli： cnpm install -g @vue/cli
（2）获取vue安装路径

root@ubuntu: whereis vue
vue: /root/.npm-global/bin/vue

（3）建立软连接

sudo ln -s  /root/.npm-global/bin/vue  /usr/local/bin/vue

（4）到这里基本上是可以凑合用了

root@ubuntu:~# vue --version
@vue/cli 4.2.3

【注】但是有路径问题，只能切换到root用户的root根目录下执行 == vue --version == 才能生效。

好了，就到这吧，欢迎补充。

期待你们更加完美的解决方案