실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
2021.3 월 기준 vue-cli 설치방법 공유
언제인지 모르지만, 모듈 명칭이 `vue-cli` 에서 `@vue/cli` 로 바뀐상태입니다
현 시점 @vue/cli 버전은 4.5.12 입니다원활한 진행이 가능한 설치방법입니다도움되시길 바랍니다.관련 문서: Creating a Project | Vue CLI (vuejs.org)
프로젝트 폴더를 만들지 않고 프로젝트 root 폴더에서 아래의 순서대로 콘솔명령을 입력하여 설치합니다.(node-lts 설치가 된 상태이어야 합니다)
npm i -g @vue/cli: 최신 vue-cli 설치
npm i -g @vue/cli-init: 강의에서 webpack-simple 탬플릿을 사용하기 위함입니다.
vue init webpack-simple `프로젝트폴더명`: 이 단계 부터 강의 내용과 동일합니다.
npm audit fix: 필요없을 수 있으나, 찜찜하신분은 한번 실행하면 됩니다.(실행해도 취약점 해결안됨)
cd 프로젝트폴더명: 프로젝트 폴더로 이동 후
npm i: 탬플릿 설정대로 모듈 설치
npm run dev: localhost:8080 으로 웹브라우저가 실행됨