vue-cli, spring-boot, stomp라이브러리를 활용한 채팅사이트 만들기(1) - 환경구축 - 프론트

목차 : https://okane-on-cliff.tistory.com/239

 

프론트 환경구축

 

vue-cli를 사용했다.

1. npm 다운
2. vue-cli 다운
3. vue-cli 실행
4. 프로젝트 초기화

이 순서로 프론트 환경을 구축한다.

 

1. npm 다운

npm은 여기서 다운로드한다. https://nodejs.org/ko/download/

 

2. vue-cli 다운

명령프롬프트에서

npm install -g @vue/cli

명령어를 입력하여 다운로드한다.

 

3. vue-cli 실행

vue create socketFront

명령어를 입력하여 프로젝트를 생성한다.

메뉴얼로 프로젝트를 생성하고 router와 vuex를 추가로 사용 버전은 2, router는 history를 하지 않도록 한다.

 

4. 프로젝트 초기화

프로젝트는 app.vue와 router/index.js 각종 컴포넌트를 적절히 삭제하여 빈 프로젝트로 만들어 준다.

 

이후 프로젝트 디렉터리를 이렇게 구성했다.