Vuex 테스트 방법

Sizz-J

·

2021. 4. 19. 17:20

 

- 개발환경 -

develop-studying.tistory.com/72

 

개발환경셋팅

- 설치 - Visual Studio Code, git, Node.js, MariaDB, HeidiSQL, cmder, Postman - 셋팅 - Visual Studio Code: 작업공간연동, Color, icon, miniMap, Korea, powerShell 설치, cmder연동, 터미널 단축키 설정, L..

develop-studying.tistory.com

- 추가적인 개발환경 -

Vue: kr.vuejs.org/v2/guide/installation.html

 

설치방법 — Vue.js

Vue.js - 프로그레시브 자바스크립트 프레임워크

kr.vuejs.org

Vue-cli: npm install -g @vue/cli

 

Vuex: npm install vuex -save

 

 


- 테스트 방법 -

 

1. vue init webpack-simple '프로젝트를 생성할 위치(폴더)'

Option: Sass 빼고 전부 Yes

 

2. App.vue / main.js 에서 필요없는 부분을 모두 제거

 

3. script가 존재하는 모든 태그안에 import & use

- import Vue from 'vue'

- import Vuex from 'vuex'

- Vue.use(Vuex);

 

4. zetawiki.com/wiki/Vuex_%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0

 

Vuex 시작하기 - 제타위키

다음 문자열 포함...

zetawiki.com

Vue컴포넌트를 분리하든 이 예제를 보면서, 필요한 부분을 사용하여 Vuex를 테스트

 

 

 

- 참고한 사이트 -

zetawiki.com/wiki/Vuex

 

Vuex - 제타위키

다음 문자열 포함...

zetawiki.com

kdydesign.github.io/2019/04/22/vue-cli3-tutorial/

 

[Vue.JS] Vue-CLI 3 시작하기

Vue CLI 3는 Vue.js 개발을 위한 시스템으로 Vue.js Core에서 공식으로 제공하는 CLI이다. Vue CLI는 애플리케이션 개발에 집중할 수 있도록 프로젝트의 구성을 도와주는 역할을 하며, Vue 생태계에서 표준

kdydesign.github.io

kr.vuejs.org/v2/guide/installation.html#CLI

 

설치방법 — Vue.js

Vue.js - 프로그레시브 자바스크립트 프레임워크

kr.vuejs.org

 

728x90

'Programming > Vue.js' 카테고리의 다른 글

Vue CLI3사용법  (0) 2021.04.19
Transpiler와 Polyfill 에 대해서  (0) 2021.04.19
Vuex란?  (0) 2021.04.19
Redux, FLUX아키텍처란?  (0) 2021.04.19
디렉티브(Directive) 란?  (0) 2021.03.31