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

天山小黎

已于 2022-02-28 22:43:25 修改

阅读量2.8k

点赞数

分类专栏： Vue 文章标签： vue.js macos npm

于 2022-02-28 22:34:03 首次发布

本文链接：https://blog.csdn.net/qq_42732038/article/details/123194006

版权

Vue 专栏收录该内容

24 篇文章 1 订阅

订阅专栏

这篇博客介绍了在遇到npm安装权限错误（EACCES）时的解决方法，包括创建.npm-global目录，设置npm全局安装路径，更新环境变量，并通过source命令更新配置。然后，演示了如何正常安装jshint。最后，成功安装vue-cli并使用vuelist命令列出可用模板，包括browserify、pwa、webpack等。

摘要由CSDN通过智能技术生成

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.