Le problème que la version de Vue CLI n'a pas augmenté

Aperçu

J'ai fait une erreur très rudimentaire en essayant de mettre à niveau la version de Vue CLI pour exécuter vue create, donc je ferai une note pour ceux qui ont commis des erreurs similaires.

Je veux voir créer

nakanohatonoMBP:~ hayato$ vue create vue-chatkit
  vue create is a Vue CLI 3 only command and you are using Vue CLI 2.9.6.
  You may want to run the following to upgrade to Vue CLI 3:
  npm uninstall -g vue-cli
  npm install -g @vue/cli

La version de Vue CLI est ancienne. Cela semble inutile à moins que ce ne soit 3 ou plus.

Mettre à jour (réinstaller) @ vue / cli

Comme on m'a dit Exécutez "npm uninstall -g vue-cli" et "npm install -g @ vue / cli".

nakanohatonoMBP:~ hayato$ npm uninstall -g vue-cli
up to date in 0.062s

nakanohatonoMBP:~ hayato$ npm install -g @vue/cli
npm WARN deprecated [email protected]: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated [email protected]: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3.
/Users/hayato/.nodebrew/current/bin/vue -> /Users/hayato/.nodebrew/current/lib/node_modules/@vue/cli/bin/vue.js
> [email protected] install /Users/hayato/.nodebrew/current/lib/node_modules/@vue/cli/node_modules/fsevents
> node-gyp rebuild
No receipt for 'com.apple.pkg.CLTools_Executables' found at '/'.
No receipt for 'com.apple.pkg.DeveloperToolsCLILeo' found at '/'.
No receipt for 'com.apple.pkg.DeveloperToolsCLI' found at '/'.
gyp: No Xcode or CLT version detected!
gyp ERR! configure error 
gyp ERR! stack Error: `gyp` failed with exit code: 1
gyp ERR! stack    at ChildProcess.onCpExit (/Users/hayato/.nodebrew/node/v13.3.0/lib/node_modules/npm/node_modules/node-gyp/lib/configure.js:351:16)
gyp ERR! stack    at ChildProcess.emit (events.js:219:5)
gyp ERR! stack    at Process.ChildProcess._handle.onexit (internal/child_process.js:274:12)
gyp ERR! System Darwin 19.0.0
gyp ERR! command "/Users/hayato/.nodebrew/node/v13.3.0/bin/node" "/Users/hayato/.nodebrew/node/v13.3.0/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js" "rebuild"
gyp ERR! cwd /Users/hayato/.nodebrew/node/v13.3.0/lib/node_modules/@vue/cli/node_modules/fsevents
gyp ERR! node -v v13.3.0
gyp ERR! node-gyp -v v5.0.7
gyp ERR! not ok 
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/@vue/cli/node_modules/fsevents):
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] install: `node-gyp rebuild`
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: Exit status 1
+ @vue/[email protected]
updated 1 package in 35.557s

Il semble que la version de Vue CLI a été mise à jour!

Vérification de la version de Vue

nakano-hayatonoMacBook-Pro:~ hayato$ vue --version
2.9.6

Cela n'a pas changé. ..

Revérifiez le journal au moment de l'installation

/Users/hayato/.nodebrew/current/bin/vue ->
/Users/hayato/.nodebrew/current/lib/node_modules/@vue/cli/bin/vue.js

Il semble que le chemin où se trouve Vue a changé.

Ajoutez le chemin avec la nouvelle Vue à la variable d'environnement (.bash_profile)

Ajout de "export PATH = ~ / .nodebrew / current / lib / node_modules / @ vue / cli / bin".

nakanohatonoMBP:~ hayato$ vi .bash_profile 
nakanohatonoMBP:~ hayato$ cat .bash_profile 
export PATH=~/.rbenv/shims:/usr/local/bin:$PATH
eval "$(rbenv init -)"
export PATH=/usr/local/opt/[email protected]/bin:$PATH
 export PATH=~/.nodebrew/current/lib/node_modules/@vue/cli/bin
 export PATH=$HOME/.nodebrew/current/bin:$PATH
 export PATH=~/.nodebrew/current/bin:$PATH
 export PATH=$HOME/.pyenv/shims:$PATH
nakanohatonoMBP:~ hayato$ source .bash_profile

nakano-hayatonoMacBook-Pro:~ hayato$ vue --version
@vue/cli 4.2.3

La version de Vue est en place! Mais···

Je ne peux pas utiliser les commandes Linux ...

nakanohatonoMBP:~ hayato$ ls
-bash: ls: command not found
nakanohatonoMBP:~ hayato$ which
-bash: which: command not found

Vérifiez votre .bash_profile

Vérifiez les variables d'environnement dans le Finder →: PATH $ n'était pas suffisant La description de ": PATH $" n'était pas suffisante à la fin de l'ajout de "export PATH = ~ / .nodebrew / current / lib / node_modules / @ vue / cli / bin" ... Par conséquent, les chemins qui ont été attribués avant que le chemin supplémentaire ne soit attribué au PATH ont été remplacés par le chemin supplémentaire. Ajout de ": PATH $" à la fin de "export PATH = ~ / .nodebrew / current / lib / node_modules / @ vue / cli / bin".

La commande source ne peut pas être utilisée → OK si vous relevez le terminal

Je ne peux pas utiliser la commande source car je ne peux pas encore utiliser la commande linux et je panique car je ne peux pas refléter les variables d'environnement.

nakano-hayatonoMacBook-Pro:vue_app hayato$ source ~/.bash_profile 
env: bash: No such file or directory

→ J'ai été sauvé en disant à mes seniors que cela se reflétera en redémarrant le terminal.

La commande linux est restaurée en toute sécurité. Vous pouvez également utiliser vue create. C'était une bonne occasion de comprendre les variables environnementales.