inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

단일 파일 컴포넌트 1

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

325

Truestar
2

언제인지 모르지만, 모듈 명칭이 `vue-cli` 에서 `@vue/cli` 로 바뀐상태입니다

현 시점 @vue/cli  버전은 4.5.12 입니다
원활한 진행이 가능한 설치방법입니다
도움되시길 바랍니다.
관련 문서: Creating a Project | Vue CLI (vuejs.org)

  1. 프로젝트 폴더를 만들지 않고 프로젝트 root 폴더에서 아래의 순서대로 콘솔명령을 입력하여 설치합니다.
    (node-lts 설치가 된 상태이어야 합니다)

  2. npm i -g @vue/cli
    : 최신 vue-cli 설치

  3. npm i -g @vue/cli-init
    : 강의에서 webpack-simple 탬플릿을 사용하기 위함입니다.

  4. vue init webpack-simple `프로젝트폴더명`
    : 이 단계 부터 강의 내용과 동일합니다.

  5. npm audit fix
    : 필요없을 수 있으나, 찜찜하신분은 한번 실행하면 됩니다.(실행해도 취약점 해결안됨)

  6. cd 프로젝트폴더명
    : 프로젝트 폴더로 이동 후
  7. npm i
    : 탬플릿 설정대로 모듈 설치

  8. npm run dev
    : localhost:8080 으로 웹브라우저가 실행됨

vue-cli @vue/cli vue4.x

답변 1

0

강림

공유 감사합니다!