Mac 安裝 vue cli

 單純的紀錄一下安裝vue cli的過程

第一步 ，因為需要用到npm去安裝vue cli，所以需要先安裝node.js

直接去官網下載然後安裝吧https://nodejs.org/en/

這一步沒什麼大礙需要注意，就是無腦安裝即可．

確認安裝成功，下個指令 npm -v 跑出版號即可．

第二步 安裝vue-cli

下指令

npm install -g @vue/cli

然後遇到第一個問題

Error: EACCES: permission denied, access '/usr/local/lib/node_modules'

npm ERR!  [Error: EACCES: permission denied, access '/usr/local/lib/node_modules'] {

npm ERR!   errno: -13,

npm ERR!   code: 'EACCES',

npm ERR!   syscall: 'access',

npm ERR!   path: '/usr/local/lib/node_modules'

npm ERR! }

訊息瞞明顯的，就是權限問題啦

解決方法：改用指令 加上sudo  然後輸入密碼就可以繼續安裝了

sudo npm install -g @vue/cli

以為這樣就可以順利安裝了，殊不知又跑出問題

shell-init: error retrieving current directory: getcwd: cannot access parent directories: Permission denied

job-working-directory: error retrieving current directory: getcwd: cannot access parent directories: Permission denied

job-working-directory: error retrieving current directory: getcwd: cannot access parent directories: Permission denied

/usr/local/bin/vue -> /usr/local/lib/node_modules/@vue/cli/bin/vue.js

> fsevents@1.2.13 install /usr/local/lib/node_modules/@vue/cli/node_modules/fsevents

> node install.js

shell-init: error retrieving current directory: getcwd: cannot access parent directories: Permission denied

internal/bootstrap/switches/does_own_process_state.js:129

    cachedCwd = rawMethods.cwd();

                           ^

Error: EACCES: permission denied, uv_cwd

    at process.wrappedCwd [as cwd] (internal/bootstrap/switches/does_own_process_state.js:129:28)

    at Object.resolve (path.js:978:47)

    at resolveMainPath (internal/modules/run_main.js:12:40)

    at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:66:24)

    at internal/main/run_main_module.js:17:47 {

  errno: -13,

  code: 'EACCES',

  syscall: 'uv_cwd'

}

> core-js@3.7.0 postinstall /usr/local/lib/node_modules/@vue/cli/node_modules/core-js

> node -e "try{require('./postinstall')}catch(e){}"

shell-init: error retrieving current directory: getcwd: cannot access parent directories: Permission denied

> @apollo/protobufjs@1.0.5 postinstall /usr/local/lib/node_modules/@vue/cli/node_modules/@apollo/protobufjs

> node scripts/postinstall

shell-init: error retrieving current directory: getcwd: cannot access parent directories: Permission denied

internal/bootstrap/switches/does_own_process_state.js:129

    cachedCwd = rawMethods.cwd();

                           ^

Error: EACCES: permission denied, uv_cwd

    at process.wrappedCwd [as cwd] (internal/bootstrap/switches/does_own_process_state.js:129:28)

    at Object.resolve (path.js:978:47)

    at resolveMainPath (internal/modules/run_main.js:12:40)

    at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:66:24)

    at internal/main/run_main_module.js:17:47 {

  errno: -13,

  code: 'EACCES',

  syscall: 'uv_cwd'

}

npm WARN @vue/compiler-sfc@3.0.2 requires a peer of vue@3.0.2 but none is installed. You must install peer dependencies yourself.

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules/@vue/cli/node_modules/fsevents):

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 install: `node install.js`

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: Exit status 1

npm ERR! code ELIFECYCLE

npm ERR! errno 1

npm ERR! @apollo/protobufjs@1.0.5 postinstall: `node scripts/postinstall`

npm ERR! Exit status 1

npm ERR! 

npm ERR! Failed at the @apollo/protobufjs@1.0.5 postinstall script.

npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:

似乎又是有些權限因素導致，這個真的是不確定為什麼

於是又改了指令

sudo npm install -g @vue/cli --unsafe-perm

終於順利跑完了 感動～

可以下個

vue --version

來確認是否安裝成功

 安裝的moudule會放在 /usr/local/lib/node_modules/npm 裡面