inflearn logo
강의

Course

Instructor

Getting Started with Vue.js - Age of Vue.js

vue cli 설치 관련해서 질문 드립니다.

815

BrownK

6 asked

1

안녕하세요. vue-cli설치 관련해서 질문 드립니다.

질문이 길듯한데, 도움을 부탁드리고자 합니다.

현재 맥북/모하비를 사용하고 있습니다. 아래와 같은 상황이 발생하였습니다.

1. vue-cli설치시 오류 발생(npm install -g @vue-cli는 권한 문제 발생)

2. 오류 대처 강의대로 sudo npm install -g @vue/cli 설치 시에도 권한 문제 발생

(구글링을 좀 해보았더니 node.js홈페이지에서 맥os용 LTS pkg로 설치하면 권한 문제가 있는 듯 하더군요)

3. 다시 구글링을 통해 sudo npm install -g @vue/cli --unsafe-perm 으로 실행하여 설치(권한 오류 없이 설치됨)

4. sudo npm install -g @vue/cli --unsafe-perm으로 설치 성공하였으나, vue create xxxx 로 기본 형태를 생성할 때도 권한 문제가 발생

5. 다시 관리자 권한, sudo vue create xxxx로 설치

6. 강의 내용 따라하던 중 vue-cli로 생성한 폴더에 파일 추가 시 권한 문제 발생(root권한으로 생성한 프로젝트 폴더에 일반 유저 권한으로는 파일 추가가 안될테니, 이 부분은 당연한 것으로 생각)

7. chown을 통해 해당 폴더 소유자 일반 유저로 변경 후 강의 수강 진행함

지금 저의 상황으로는 vue-cli를 사용할 때마다 sudo를 붙이고, 생성한 프로젝트 폴더에 chown을 통해 권한을 변경해 주고 하는 작업을 해야만 할 듯 한데, 혹 이와 관련된 해결 방법이 있을까요?

혹 도움을 얻을 수 있을지 하여 질문 남겨봅니다.

소중한 지식 공유에 감사드립니다.

==============================================

터미널에 나온 권한 관련 오류는 다음과 같습니다(vue create xxx할때 나온 오류이지만, 기존 다른 권한 오류와 유사합니다)

kook@BrownKookui-MacBookPro  ~/Documents/learn-vue-js-

master  vue create vue-cli2


Vue CLI v3.8.4
? Please pick a preset: default (babel, eslint)


Vue CLI v3.8.4
✨  Creating project in /Users/kook/Documents/learn-vue-js-master/vue-cli2.
🗃  Initializing git repository...
⚙  Installing CLI plugins. This might take a while...

npm ERR! path /Users/kook/.npm/_cacache/index-v5/55/57
npm ERR! code EACCES
npm ERR! errno -13
npm ERR! syscall mkdir
npm ERR! Error: EACCES: permission denied, mkdir '/Users/kook/.npm/_cacache/index-v5/55/57'
npm ERR!  { [Error: EACCES: permission denied, mkdir '/Users/kook/.npm/_cacache/index-v5/55/57']
npm ERR!   cause:
npm ERR!    { Error: EACCES: permission denied, mkdir '/Users/kook/.npm/_cacache/index-v5/55/57'
npm ERR!      errno: -13,
npm ERR!      code: 'EACCES',
npm ERR!      syscall: 'mkdir',
npm ERR!      path: '/Users/kook/.npm/_cacache/index-v5/55/57' },
npm ERR!   isOperational: true,
npm ERR!   stack:
npm ERR!    'Error: EACCES: permission denied, mkdir \'/Users/kook/.npm/_cacache/index-v5/55/57\'',
npm ERR!   errno: -13,
npm ERR!   code: 'EACCES',
npm ERR!   syscall: 'mkdir',
npm ERR!   path: '/Users/kook/.npm/_cacache/index-v5/55/57',
npm ERR!   parent: 'webpack-bundle-analyzer' }
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 (though this is not recommended).

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/kook/.npm/_logs/2019-07-01T14_20_45_620Z-debug.log
 ERROR  command failed: npm install --loglevel error
 
관련 설치 폴더에 대한 권한을 변경해야 한다는 글은 몇몇개 확인하였으나, 혹 다른 방법이 있을지 궁금합니다.

javascript vuejs

Answer 2

1

captain

안녕하세요 BrownK님, 상세한 절차를 적어주셔서 감사합니다. 일반적으로 NPM 전역 설치를 했을 때 권한 오류가 나는 것은 OS에 로그인한 사용자 계정이 해당 전역 설치 폴더 위치에 접근 권한이 없어서 그렇습니다. 로그인 사용자에게 관리자 권한을 주시거나 해당 폴더 경로에 접근 권한을 주시면 될 것 같아요 :)

0

BrownK

답변 감사드립니다.

맥os에서 관리자 권한을 주는 방법을 찾아봐야겠네요.

주말 잘 보내셔요~

개발자 툴에서 Vue가 표시되지 않는 현상.

0

93

2

chrome 확장 devtools 버전 문제

0

81

1

Vue.js not detected가 자꾸 뜹니다

0

83

2

마지막 강의가 안되요

0

57

1

data, computed, watch > Reactivity

0

51

1

f12누르고 개발자도구에 vue 탭이 안생겨요

0

89

1

vue composition api

0

73

1

강의 자료 다운이 될까요?

0

128

1

개발자 도구에서 뷰탭이 안보여요....

0

586

3

프롭스 데이터 질문입니다.

0

113

1

component.html:11 Uncaught ReferenceError: Vue is not defined at component.html:11:20 (anonymous) @ component.html:11

0

140

1

화면이 안떠요,, 이전 이후 강의는 뜨는데..

0

236

6

크롬 확장 프로그램 vue devtools 설치했는데

0

532

2

코드를 수정하고 브라우저의 Vue로 넘어가면 다운이 됩니다.

0

243

1

버튼을 클릭해도 event가 발생하지 않습니다.

0

310

1

vue3 css 경로 표시 문의

1

231

2

개발자도구 vue탭

0

355

1

화면 코드 보기

1

226

2

App.vue 내용 변경했는데 창이 연결할수없대요ㅜㅜ

1

384

2

html/css/js로 작성된 코드를 vue.js로 일부 전환하고자 이 강의를 듣기 시작했습니다.

1

886

2

{{ num }} 이 <app-content> 아래에 들어가 있을때에는 노출이 안됩니다...

1

288

2

뷰 개발자도구 이벤트 타임라인 어느 부분에서 확인가능한건가요

1

401

2

다음 단계 강의는...?

1

387

2

버튼을 눌러도 data의 값이 변경되지 않습니다

1

277

2