vue 환경 구축 간단 한 튜 토리 얼

2257 단어 vue환경 구축
vue 를 사용 하여 전단 프레임 워 크 를 개발 하려 면 먼저 환경 이 있어 야 합 니 다.이 환경 은 node 를 빌려 야 하기 때문에 node 를 먼저 설치 하고 node 안의 npm 를 통 해 필요 한 의존 도 를 설치 해 야 합 니 다.
① nodejs 설치
https://nodejs.org
nodejs 를 다운로드 하고(ls)설치 할 때 동 의 를 누 르 면 next 로 가면 됩 니 다.
npm(npm 는 패키지 관리자 인 데 무슨 소 용이 있 습 니까?창고 입 니 다.필요 한 것 이 있 으 면 npm install package Name 을 사용 하면 됩 니 다)
테스트:

② cnpm(타 오 바 오 미 러 설치,)

npm install -g cnpm --registry=https://registry.npm.taobao.org

③ vue-cli 설치
windows 컴퓨터 는 widnows+r 를 누 르 고 cmd 를 입력 하고 리 턴 을 누 르 면 명령 행 모드 로 들 어 갑 니 다.
명령 행 에 다음 명령 을 입력 하고 마지막 으로 리 턴 을 클릭 합 니 다.
(npm install vue-cli-g(cnpm 타 오 바 오 미 러 설치 후 npm 와 동일)cnpm install--global vue-cli

④ 웹 팩 설치
npm install webpack -g
  
④ vue-cli 설치 후 제공 하 는 vue 명령 에 따라 템 플 릿 프로젝트 를 만 듭 니 다.
선생님 이 제공 한 템 플 릿 압축 패키지 사용 하기(tpls.zip)
tpls.zip 파일 아래'자료'에 올 렸 습 니 다.
D 디스크 에 놓 고 vue 새로 만 들 기cli,압축 해 제 된 모든 파일 을 vue 로 복사 합 니 다.cli 중.
⑤ 설치 항목 에 필요 한 의존
위 폴 더 의 압축 을 풀 고 이 디 렉 터 리 에 들 어가 명령 을 실행 합 니 다.

cnpm install
⑥ 명령 실행,개발 서버 시작

npm run dev
메모:타 오 바 오 미 러 설치 에 실패 하면 해결 방법:
먼저 프 록 시 를 빈 npm config set proxy null 로 설정 한 다음 타 오 바 오 를 다시 설치 합 니 다.





이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기