Vue.jsをインストールしたい(npm ERR!)
解決したいこと
Vue.jsをインストールしたい
現在ウェブアプリを作るためVue.jsをインストールを行いましたが、やってみたら、ERR!が多くうまくできなかったので
正しくインストールする手順を教えていただけると幸いです。
発生している問題・エラー
magic_hat@(私の名前)noMacBook-Air git % npm install -g @vue/cli
npm notice
npm notice New minor version of npm available! 10.2.4 -> 10.4.0
npm notice Changelog: https://github.com/npm/cli/releases/tag/v10.4.0
npm notice Run npm install -g npm@10.4.0 to update!
npm notice
npm ERR! code EACCES
npm ERR! syscall mkdir
npm ERR! path /usr/local/lib/node_modules/@vue
npm ERR! errno -13
npm ERR! Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/@vue'
npm ERR! [Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/@vue'] {
npm ERR! errno: -13,
npm ERR! code: 'EACCES',
npm ERR! syscall: 'mkdir',
npm ERR! path: '/usr/local/lib/node_modules/@vue'
npm ERR! }
npm ERR!
npm ERR! The operation was rejected by your operating system.
npm ERR! It is likely you do not have the permissions to access this file as the current user
npm ERR!
npm ERR! If you believe this might be a permissions issue, please double-check the
npm ERR! permissions of the file and its containing directories, or try running
npm ERR! the command again as root/Administrator.
npm ERR! A complete log of this run can be found in: /Users/magic_hat/.npm/_logs/2024-02-04T03_31_52_162Z-debug-0.log
使用したコマンド
npm install -g @vue/cli
自分で試したこと
1.まずAIのcopilotに聞いてみました。
AIは
[手前にsudoコマンドをつけてください]
と言いましたが
少し不安なのでもっと質問してみたら、
[sudoコマンドをつけるのは推奨されていません]
と言ってしまい、
何が正しいコマンドなのか私の知識不足で分かりませんでした。
2.googleで調べてみる。
自分なりに色々調べてみたところ
https://qiita.com/wafuwafu13/items/2fe43414aa6e1899f494
から引用すると
ステップ1
$ npm install -g npm
npm自体のアップデートをする。
ステップ2
$ rm -rf node_modules
既存のモジュールを削除する。
ステップ3
$ npm install
プロジェクトの依存関係を再インストールする。
と書いてあったのですが、
まずステップ1を試したところ
magic_hat@(私の名前)noMacBook-Air git % npm install -g npm
npm ERR! code EACCES
npm ERR! syscall rename
npm ERR! path /usr/local/lib/node_modules/npm
npm ERR! dest /usr/local/lib/node_modules/.npm-i9nnxROI
npm ERR! errno -13
npm ERR! Error: EACCES: permission denied, rename '/usr/local/lib/node_modules/npm' -> '/usr/local/lib/node_modules/.npm-i9nnxROI'
npm ERR! [Error: EACCES: permission denied, rename '/usr/local/lib/node_modules/npm' -> '/usr/local/lib/node_modules/.npm-i9nnxROI'] {
npm ERR! errno: -13,
npm ERR! code: 'EACCES',
npm ERR! syscall: 'rename',
npm ERR! path: '/usr/local/lib/node_modules/npm',
npm ERR! dest: '/usr/local/lib/node_modules/.npm-i9nnxROI'
npm ERR! }
npm ERR!
npm ERR! The operation was rejected by your operating system.
npm ERR! It is likely you do not have the permissions to access this file as the current user
npm ERR!
npm ERR! If you believe this might be a permissions issue, please double-check the
npm ERR! permissions of the file and its containing directories, or try running
npm ERR! the command again as root/Administrator.
npm ERR! A complete log of this run can be found in: /Users/magic_hat/.npm/_logs/2024-02-04T03_45_14_068Z-debug-0.log
と、なり
ステップ2なのですが
このコマンドをどのディレクトリで実行すればいいのかわかりません。
皆さんのお力添えよろしくお願いいたします。m(_ _)m