npm配置vue-cli所遇EACCES权限问题及解决方案

  • Post author:
  • Post category:vue




1.输入指令: sudo npm install -g vue-cli 出现错误

npm ERR! code EACCES
npm ERR! syscall mkdir
npm ERR! path /usr/local/lib/node_modules/vue-cli
npm ERR! errno -13
npm ERR! Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/vue-cli'
npm ERR!  [Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/vue-cli'] {
npm ERR!   errno: -13,
npm ERR!   code: 'EACCES',
npm ERR!   syscall: 'mkdir',
npm ERR!   path: '/usr/local/lib/node_modules/vue-cli'
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:
npm ERR!     /Users/xiaobao/.npm/_logs/2022-02-28T13_46_09_609Z-debug-0.log



2.解决步骤:依次输入加粗指令

xiaobao@localhost ~ %

mkdir ~/.npm-global


xiaobao@localhost ~ %

npm config set prefix ‘~/.npm-global’


xiaobao@localhost ~ %

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


xiaobao@localhost ~ %

source ~/.profile


source: no such file or directory: /Users/xiaobao/.profile

xiaobao@localhost ~ %

npm install -g jshint

added 30 packages, and audited 31 packages in 41s

3 packages are looking for funding

run

npm fund

for details

found 0 vulnerabilities



3.再次输入:sudo npm install -g vue-cli即可安装完成。



4.最后输入:vue list 列出可用模版。

xiaobao@localhost ~ %

vue list

Available official templates:

★ browserify – A full-featured Browserify + vueify setup with hot-reload, linting & unit testing.

★ browserify-simple – A simple Browserify + vueify setup for quick prototyping.

★ pwa – PWA template for vue-cli based on the webpack template

★ simple – The simplest possible Vue setup in a single HTML file

★ webpack – A full-featured Webpack + vue-loader setup with hot reload, linting, testing & css extraction.

★ webpack-simple – A simple Webpack + vue-loader setup for quick prototyping.



版权声明:本文为qq_42732038原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。