이야기를 나눠요

2021.3 월 기준 vue-cli 설치방법 공유

실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발

언제인지 모르지만, 모듈 명칭이 `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 으로 웹브라우저가 실행됨

• vue-cli
• @vue/cli
• vue4.x