[JavaScript] Vue.js vuex 설치하기(feat. npm install 오류)

https://ninano1109.tistory.com/54

JavaScript 기반 Vue.js 웹 개발 초기 설정(feat.Node.js)

 

Vue.js에서 기본 props와 emit으로 component간 데이터를 주고받을 경우

프로젝트 규모가 커짐에 따라 많이 번거로워질 수 있으므로, 

vuex가 지원하는 store에서 데이터들을 한번에 관리할 수 있는 중앙집중저장 방식을 활용할 수 있습니다.

 

1. Vuex 설치 명령어

$ npm install vuex --save

 

2. Src 폴더 내 main.js 파일 수정

## main.js

import store from './store'
...

new Vue({
  store,
  ...
}).$mount('#app')

main.js

 

npm install 오류 

프로젝트에서 쓰인 모듈들을 install할 때, 아래명령어로 활용할 수 있지만

$ npm i

다음과 같은 에러메세지가 나오는 경우가 있습니다:

npm WARN checkPermissions Missing write access to /usr/local/lib/node_modules/npm/node_modules/yargs/node_modules

 

이럴때는 chown(change owner)으로 권한 변경을 해줌으로써 해결해 보도록 합니다.

$ sudo chown -R $USER /usr/local/lib/node_modules

 

 

 

<추가적으로>

Vuetify table 적용 시 만났던 오류 해결 방법 입니다.

SassError: Expected identifier. ╷ 68 │ position: relative │

$ npm install sass@1.32.8

 

 

- 이상 오늘의 삽질 일기를 마칩니다!

 

 

https://ninano1109.tistory.com/54

JavaScript 기반 Vue.js 웹 개발 초기 설정(feat.Node.js)

 

---

여기저기 삽질도 해보고

날려도 먹으면서

배우는 게

결국 남는거다

- Z.Sabziller