[Vue.js] 환경설정과 프로젝트 생성

 

1. 설치, vscode setting 

https://dev-onestep.tistory.com/24?category=914932

 

2. vue CLI 설치

vue CLI 설치 시, ERROR 

원인을 찾아보니, 

node.js 는 설치되어 있는데, npm 은 안되어 있다. -> 무슨 조화인지 모르겠지만 그냥 삭제하고 다시 설치하자. 

프로그램 추가/제거에서 node.js 삭제

 

version 이 맞지 않는 것들이 있지만, vue 가 설치는 되었다. 

 

찾다보니, 나도 전에 경험했던 에러에 대한 해결법이 있어서 첨부해둠. 

https://www.inflearn.com/questions/29872

http://softzone205.blogspot.com/2018/02/10-node-npm.html

 

3. vue 프로젝트 생성

vue version 4.~~ 에서는 프로젝트명에 대문자 사용 불가 

선택하는 것 ver3, npm으로 각각 선택 

localhost:8080 으로 접속 시, 화면도 잘 나옴. 

 

+ 추가 

위의 글을 참고하여 프로젝트 생성 이후 문제 해결 과정 

-> Learn More 따라가서 읽어보니 큰 문제는 아닌 것 같아 일단 무시

 

잘 돌아가는 코드에서 해당 오류 발생

-> template 아래 element 들을 div tag 안에 넣어서 해결 

참고자료) https://stackoverflow.com/questions/56199405/vue-error-the-template-root-requires-exactly-one-element